fix(material/core): throw better error when mixin doesn't support color variants (#28880)

Fixes that calling a theming mixin for a component that doesn't support color variants was throwing a cryptic error.

Fixes #28860.

(cherry picked from commit 8ec47aa)

Author: crisbeto

src/material/core/tokens/_token-utils.scss

@@ -200,9 +200,13 @@ $_component-prefix: null;
   }
   $overrides: map.get($tokens, list.append($prefix, $color-variant));
   @if $overrides == null {
-    @error #{'Invalid color variant: '}#{$color-variant}#{'. Supported color variants are: '}#{
-      _supported-color-variants($tokens, $prefix)
-    }#{'.'};
+    $variants: _supported-color-variants($tokens, $prefix);
+    $secondary-message: if($variants == (),
+      'Mixin does not support color variants',
+      'Supported color variants are: #{$variants}'
+    );
+
+    @error 'Invalid color variant: #{$color-variant}. #{$secondary-message}.';
   }
   @return map.merge($values, $overrides);
 }