fix(material/list): update tokens to system colors (#31284)

Co-authored-by: Andrew Seguin <[email protected]>

Author: andrewseguin

src/material/list/_m2-list.scss

@@ -28,25 +28,21 @@
 @function get-color-tokens($theme) {
   $system: m2-utils.get-system($theme);
 
-  $is-dark: inspection.get-theme-type($theme) == dark;
-  $text-icon-on-background:
-      inspection.get-theme-color($theme, foreground, base, if($is-dark, 0.5, 0.38));
-
   @return (
     list-list-item-label-text-color: map.get($system, on-surface),
     list-list-item-supporting-text-color: map.get($system, on-surface-variant),
-    list-list-item-leading-icon-color: $text-icon-on-background,
+    list-list-item-leading-icon-color: map.get($system, on-surface-variant),
     list-list-item-trailing-supporting-text-color: map.get($system, on-surface-variant),
-    list-list-item-trailing-icon-color: $text-icon-on-background,
-    list-list-item-selected-trailing-icon-color: $text-icon-on-background,
+    list-list-item-trailing-icon-color: map.get($system, on-surface-variant),
+    list-list-item-selected-trailing-icon-color: map.get($system, on-surface-variant),
     list-list-item-disabled-label-text-color: map.get($system, on-surface),
     list-list-item-disabled-leading-icon-color: map.get($system, on-surface),
     list-list-item-disabled-trailing-icon-color: map.get($system, on-surface),
     list-list-item-hover-label-text-color: map.get($system, on-surface),
-    list-list-item-hover-leading-icon-color: $text-icon-on-background,
+    list-list-item-hover-leading-icon-color: map.get($system, on-surface-variant),
     list-list-item-hover-state-layer-color: map.get($system, on-surface),
     list-list-item-hover-state-layer-opacity: map.get($system, hover-state-layer-opacity),
-    list-list-item-hover-trailing-icon-color: $text-icon-on-background,
+    list-list-item-hover-trailing-icon-color: map.get($system, on-surface-variant),
     list-list-item-focus-label-text-color: map.get($system, on-surface),
     list-list-item-focus-state-layer-color: map.get($system, on-surface),
     list-list-item-focus-state-layer-opacity: map.get($system, focus-state-layer-opacity),