refactor(material-experimental/theming): Fix typo and adjust some colors

src/material-experimental/theming/_custom-tokens.scss

@@ -92,16 +92,16 @@
   @return mat.private-merge-all(
     _generate-typography-tokens($systems, label-text, title-small),
     (
-      disabled-ripple-color: transparent, // TODO(mmalerba): Figure out correct value.
+      disabled-ripple-color: blue, // TODO(mmalerba): Figure out correct value.
       pagination-icon-color: map.get($systems, md-sys-color, on-surface),
       inactive-label-text-color: map.get($systems, md-sys-color, on-surface),
       active-label-text-color: map.get($systems, md-sys-color, on-surface),
       active-ripple-color: map.get($systems, md-sys-color, on-surface),
       inactive-ripple-color: map.get($systems, md-sys-color, on-surface),
       inactive-focus-label-text-color: map.get($systems, md-sys-color, on-surface),
       inactive-hover-label-text-color: map.get($systems, md-sys-color, on-surface),
-      active-focus-label-text-color: map.get($systems, md-sys-color, primary),
-      active-hover-label-text-color: map.get($systems, md-sys-color, primary),
+      active-focus-label-text-color: map.get($systems, md-sys-color, on-surface),
+      active-hover-label-text-color: map.get($systems, md-sys-color, on-surface),
       active-focus-indicator-color: map.get($systems, md-sys-color, primary),
       active-hover-indicator-color: map.get($systems, md-sys-color, primary),
     ),

src/material-experimental/theming/_m3-tokens.scss

@@ -267,7 +267,7 @@
     ),
     _namespace-tokens(
       (mat, tab-header),
-      custom-tokens.tree($systems, $exclude-hardcoded),
+      custom-tokens.tab-header($systems, $exclude-hardcoded),
       $token-slots
     ),
     _namespace-tokens(