!fixup fix(material/list): tokenize space around leading icon

Author: zarend

src/material/list/_list-theme.scss

@@ -22,6 +22,8 @@
   @else {
     @include sass-utils.current-selector-or-root() {
       @include mdc-list-theme.theme(tokens-mdc-list.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+        tokens-mat-list.$prefix, tokens-mat-list.get-unthemable-tokens());
     }
   }
 }
@@ -36,6 +38,8 @@
     // Add values for MDC list tokens.
     @include sass-utils.current-selector-or-root() {
       @include mdc-list-theme.theme($mdc-list-color-tokens);
+      @include token-utils.create-token-values(
+        tokens-mat-list.$prefix, tokens-mat-list.get-color-tokens($theme));
     }
 
     .mdc-list-item__start,
@@ -150,6 +154,8 @@
     // Add values for MDC list tokens.
     @include sass-utils.current-selector-or-root() {
       @include mdc-list-theme.theme($mdc-list-typography-tokens);
+      @include token-utils.create-token-values(
+        tokens-mat-list.$prefix, tokens-mat-list.get-typography-tokens($theme));
     }
 
     // MDC does not have tokens for the subheader.
@@ -182,10 +188,8 @@
 }
 
 @mixin _theme-from-tokens($tokens) {
-  @if ($tokens != ()) {
-    @include mdc-list-theme.theme(map.get($tokens, tokens-mdc-list.$prefix));
+  @include mdc-list-theme.theme(token-utils.get-tokens-for($tokens, tokens-mdc-list.$prefix));
 
-    $mat-list-tokens: token-utils.get-tokens-for($tokens, tokens-mat-list.$prefix);
-    @include token-utils.create-token-values(tokens-mat-list.$prefix, $mat-list-tokens);
-  }
+  $mat-list-tokens: token-utils.get-tokens-for($tokens, tokens-mat-list.$prefix);
+  @include token-utils.create-token-values(tokens-mat-list.$prefix, $mat-list-tokens);
 }

src/material/list/list.scss

@@ -200,11 +200,7 @@ mat-action-list button {
 @include token-utils.use-tokens(m2-mat-list.$prefix,
   m2-mat-list.get-token-slots()) {
   .mdc-list-item--with-leading-icon .mdc-list-item__start {
-    @include token-utils.create-token-slot(margin-left, list-item-leading-icon-start-space);
-    @include token-utils.create-token-slot(margin-right, list-item-leading-icon-end-space);
-    [dir='rtl'] & {
-      @include token-utils.create-token-slot(margin-right, list-item-leading-icon-start-space);
-      @include token-utils.create-token-slot(margin-left, list-item-leading-icon-end-space);
-    }
+    @include token-utils.create-token-slot(margin-inline-start, list-item-leading-icon-start-space);
+    @include token-utils.create-token-slot(margin-inline-end, list-item-leading-icon-end-space);
   }
 }