fix(material/stepper): move stepper-header-error-state-icon-background-color to color tokens

Fixes #31502

Author: andrewseguin

CHANGELOG.md

@@ -6213,4 +6213,4 @@ _Breaking changes:_
 
 # Changes Prior to 12.0.0
 
-To view changes that occurred prior to 12.0.0, see [CHANGELOG_ARCHIVE.md](https://github.com/angular/components/blob/main/CHANGELOG_ARCHIVE.md).
+To view changes that occurred prior to 12.0.0, see [CHANGELOG_ARCHIVE.md](https://github.com/angular/components/blob/main/CHANGELOG_ARCHIVE.md).

src/material/stepper/_m3-stepper.scss

@@ -17,7 +17,6 @@ $prefix: (mat, stepper);
 
   @return (
     base: (
-      stepper-header-error-state-icon-background-color: transparent,
       stepper-header-focus-state-layer-shape: map.get($system, corner-medium),
       stepper-header-hover-state-layer-shape: map.get($system, corner-medium),
     ),
@@ -27,6 +26,7 @@ $prefix: (mat, stepper);
       stepper-header-done-state-icon-foreground-color: map.get($system, on-primary),
       stepper-header-edit-state-icon-background-color: map.get($system, primary),
       stepper-header-edit-state-icon-foreground-color: map.get($system, on-primary),
+      stepper-header-error-state-icon-background-color: transparent,
       stepper-header-error-state-icon-foreground-color: map.get($system, error),
       stepper-header-error-state-label-text-color: map.get($system, error),
       stepper-header-focus-state-layer-color: m3-utils.color-with-opacity(