fix test failures

Author: mmalerba

src/material/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss

@@ -84,7 +84,7 @@
     @if inspection.theme-has($theme, density) {
       @include _density($theme);
     }
-    @if inspection.theme-has($theme, typoraphyg) {
+    @if inspection.theme-has($theme, typography) {
       @include typography($theme);
     }
   }

src/material/core/style/_sass-utils.scss

@@ -1,3 +1,4 @@
+@use 'sass:color';
 @use 'sass:map';
 @use 'sass:meta';
 
@@ -47,3 +48,9 @@
 @function coerce-to-list($value) {
   @return if(meta.type-of($value) != 'list', ($value,), $value);
 }
+
+/// A version of the Sass `color.change` function that is safe ot use with CSS variables.
+@function safe-color-change($color, $args...) {
+  $args: meta.keywords($args);
+  @return if(meta.type-of($color) == 'color', color.change($color, $args...), $color);
+}

src/material/core/theming/_m2-inspection.scss

@@ -7,6 +7,33 @@
 
 $_internals: _mat-theming-internals-do-not-access;
 
+$_color-keys: (
+  primary,
+  accent,
+  warn,
+  foreground,
+  background,
+  is-dark,
+  color, /* included for themes that incorrectly nest the color config: (color: (color: (....))) */
+);
+
+$_typography-keys: (
+  headline-1,
+  headline-2,
+  headline-3,
+  headline-4,
+  headline-5,
+  headline-6,
+  subtitle-1,
+  font-famiy,
+  subtitle-2,
+  body-1,
+  body-2,
+  button,
+  caption,
+  overline,
+);
+
 $_typography-properties: (font, font-family, line-height, font-size, letter-spacing, font-weight);
 
 /// Checks whether the given theme contains error objects.
@@ -137,22 +164,29 @@ $_typography-properties: (font, font-family, line-height, font-size, letter-spac
     @return true;
   }
   @if $system == color {
-    @if not theming.private-is-theme-object($theme) {
-      @return map.has-key($theme, primary);
-    }
-    @return theming.get-color-config($theme) != null;
+    $color: theming.get-color-config($theme);
+    @return $color != null and _has-any-key($color, $_color-keys);
   }
   @if $system == typography {
-    @if not theming.private-is-theme-object($theme) {
-      @return map.has-key($theme, body-1);
-    }
-    @return theming.get-typography-config($theme) != null;
+    $typography: theming.get-typography-config($theme);
+    @return $typography != null and _has-any-key($typography, $_typography-keys);
   }
   @if $system == density {
-    @if not theming.private-is-theme-object($theme) {
-      @return $theme == minimum or $theme == maximum or meta.type-of($theme) == 'number';
-    }
-    @return theming.get-density-config($theme) != null;
+    $density: theming.get-density-config($theme);
+    @return $density != null and _is-density-value($density);
   }
   @error 'Valid systems are: base, color, typography, density. Got:' $system;
 }
+
+@function _has-any-key($theme, $keys) {
+  @each $key in $keys {
+    @if map.has-key($theme, $key) {
+      @return true;
+    }
+  }
+  @return false;
+}
+
+@function _is-density-value($theme) {
+  @return $theme == minimum or $theme == maximum or meta.type-of($theme) == 'number';
+}

src/material/core/tokens/m2/mat/_form-field.scss

@@ -50,7 +50,7 @@ $prefix: (mat, form-field);
   $palette-color: inspection.get-theme-color($theme, $palette-name);
 
   @return (
-    focus-select-arrow-color: rgba($palette-color, 0.87),
+    focus-select-arrow-color: sass-utils.safe-color-change($palette-color, $alpha: 0.87),
   );
 }
 

src/material/core/tokens/m2/mdc/_filled-text-field.scss

@@ -138,7 +138,7 @@ $prefix: (mdc, filled-text-field);
   @return (
     caret-color: $palette-color,
     focus-active-indicator-color: $palette-color,
-    focus-label-text-color: rgba($palette-color, 0.87),
+    focus-label-text-color: sass-utils.safe-color-change($palette-color, $alpha: 0.87),
   );
 }
 

src/material/core/tokens/m2/mdc/_outlined-text-field.scss

@@ -121,7 +121,7 @@ $prefix: (mdc, outlined-text-field);
   @return (
     caret-color: $palette-color,
     focus-outline-color: $palette-color,
-    focus-label-text-color: rgba($palette-color, 0.87),
+    focus-label-text-color: sass-utils.safe-color-change($palette-color, $alpha: 0.87),
   );
 }