bug(icon-button): surface color variant not producing any tokens

[pgg]

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

@include mat.icon-color($theme, $color-variant: surface); not outputting tokens/css vars. styles compile just fine, but final icon with applied css class does not have overridden --mat-icon-color variable as is the case with other supported variants according to the m3 docs @ https://material.angular.io/guide/material-3

Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-uhxy6j?file=src%2Fmain.ts Steps to reproduce:

1. run app
2. inspect final css, surface-icon class missing, unlike primary-icon class

Expected Behavior

final styles to contain both:

html .primary-icon {
  --mat-icon-color: #00dddd;
}

and

html .surface-icon {
  --mat-icon-color: #...;
}

Actual Behavior

surface-icon class missing

Environment

Angular CLI: 17.3.4
Node: 18.18.0
Package Manager: npm 10.2.3
OS: linux x64

Angular: 17.3.4
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, material, platform-browser, router

Package                          Version
----------------------------------------------------------
@angular-devkit/architect        0.1703.4
@angular-devkit/build-angular    17.3.4
@angular-devkit/core             17.3.4
@angular-devkit/schematics       17.3.4
@angular/material-experimental   17.3.3
@schematics/angular              17.3.4
rxjs                             7.8.1
typescript                       5.3.3
zone.js                          0.14.4