fix(material/core): Allow system variables to be formatted for opacity (

#29665)
angular · Aug 29, 2024 · 90eea1b · 90eea1b
1 parent 3d9992f
commit 90eea1b
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/material/core/style/_sass-utils.scss b/src/material/core/style/_sass-utils.scss
@@ -77,6 +77,10 @@ $use-system-typography-variables: false;
       $opacity: ($opacity * 100) + '%';
     }
 
+    @if (is-css-var-name($opacity)) {
+      $opacity: calc(var($opacity) * 100%);
+    }
+
     @if (is-css-var-name($color)) {
       $color: var($color);
     }