refactor: use system level shadow color for elevation (#31267)

* refactor: use system level shadow color for elevation

# Conflicts:
#	src/material/core/m2/_theming.scss

* refactor: fix build

* refactor: lint

---------

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

Author: andrewseguin

src/material/core/_m2-app.scss

@@ -1,5 +1,4 @@
 @use 'sass:map';
-@use './theming/inspection';
 @use './style/elevation';
 @use '../core/tokens/m2-utils';
 
@@ -19,9 +18,7 @@
   );
 
   @for $zValue from 0 through 24 {
-    $elevation-color: inspection.get-theme-color($theme, foreground, elevation);
-    $shadow: elevation.get-box-shadow($zValue,
-      if($elevation-color == null, elevation.$color, $elevation-color));
+    $shadow: elevation.get-box-shadow($zValue, map.get($system, shadow));
     $tokens: map.set($tokens, 'app-elevation-shadow-level-#{$zValue}', $shadow);
   }
 

src/material/core/m2/_theming.scss

@@ -135,6 +135,7 @@
       hover-state-layer-opacity: 0.04,
       focus-state-layer-opacity: 0.12,
       pressed-state-layer-opacity: 0.12,
+      shadow: black,
       primary: map.get($primary, default),
       on-primary: map.get($primary, default-contrast),
       secondary: map.get($accent, default),
@@ -167,6 +168,7 @@
       hover-state-layer-opacity: 0.04,
       focus-state-layer-opacity: 0.12,
       pressed-state-layer-opacity: 0.12,
+      shadow: black,
       primary: map.get($primary, default),
       on-primary: map.get($primary, default-contrast),
       secondary: map.get($accent, default),

src/material/core/style/BUILD.bazel

@@ -57,6 +57,7 @@ sass_library(
     deps = [
         ":elevation",
         "//src/material/core/theming:_inspection",
+        "//src/material/core/tokens:m2_utils",
     ],
 )
 

src/material/core/style/_private.scss

@@ -1,18 +1,15 @@
 @use './elevation';
-@use '../theming/inspection';
+@use '../tokens/m2-utils';
+@use 'sass:map';
 
 @mixin private-theme-elevation($zValue, $theme) {
-  $elevation-color: inspection.get-theme-color($theme, foreground, elevation);
-  $elevation-color-or-default: if($elevation-color == null, elevation.$color, $elevation-color);
-
-  @include elevation.elevation($zValue, $elevation-color-or-default);
+  $system: m2-utils.get-system($theme);
+  @include elevation.elevation($zValue, map.get($system, shadow));
 }
 
 @mixin private-theme-overridable-elevation($zValue, $theme) {
-  $elevation-color: inspection.get-theme-color($theme, foreground, elevation);
-  $elevation-color-or-default: if($elevation-color == null, elevation.$color, $elevation-color);
-
-  @include elevation.overridable-elevation($zValue, $elevation-color-or-default);
+  $system: m2-utils.get-system($theme);
+  @include elevation.overridable-elevation($zValue, map.get($system, shadow));
 }
 
 // If the mat-animation-noop class is present on the components root element,