fix(list,menu,select): update layout tokens to latest values and fix …

…targets

The layout for the end padding in listitem has changed to 24px, and i realized that I had tokens pointing to the wrong values, so I fixed that too.

PiperOrigin-RevId: 549469035

list/lib/listitem/_list-item.scss

@@ -88,7 +88,9 @@
   .content-wrapper {
     display: flex;
     width: 100%;
+    box-sizing: border-box;
     border-radius: inherit;
+    padding-inline-end: var(--_list-item-trailing-space);
   }
 
   md-ripple {
@@ -135,7 +137,6 @@
     box-sizing: border-box;
     flex: 1 0 0;
     padding-inline-start: var(--_list-item-leading-space);
-    padding-inline-end: var(--_list-item-trailing-space);
     z-index: 1;
   }
 
@@ -153,7 +154,7 @@
 
   slot[name='end']::slotted(*),
   .trailing-supporting-text {
-    margin-inline-end: var(
+    margin-inline-start: var(
       --_list-item-trailing-element-headline-trailing-element-space
     );
   }

tokens/_md-comp-list-item.scss

@@ -155,7 +155,7 @@ $_default: (
     // 'list-item-leading-item-bottom-space': if($exclude-hardcoded-values, null, 8px),
     // 'list-item-leading-video-bottom-space': if($exclude-hardcoded-values, null, 0px),
     'list-item-trailing-element-headline-trailing-element-space': 16px,
-    'list-item-trailing-space': if($exclude-hardcoded-values, null, 16px),
+    'list-item-trailing-space': if($exclude-hardcoded-values, null, 24px),
     // go/keep-sorted end
   );
 }