fixup! fix(material/slider): fix value indicator bubble for m3

Author: wagnermaciel

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

@@ -516,7 +516,7 @@
     value-indicator-caret-height: _hardcode(10.5px, $exclude-hardcoded),
     value-indicator-caret-offset: _hardcode(-6px, $exclude-hardcoded),
     value-indicator-border-radius: _hardcode(50%, $exclude-hardcoded),
-    value-indicator-padding: _hardcode(0px, $exclude-hardcoded),
+    value-indicator-padding: _hardcode(0, $exclude-hardcoded),
   );
 }
 

src/material/core/tokens/m2/mat/_slider.scss

@@ -24,7 +24,7 @@ $prefix: (mat, slider);
     value-indicator-caret-height: 6px,
     value-indicator-caret-offset: -5px,
     value-indicator-border-radius: 4px,
-    value-indicator-padding: 0px 12px,
+    value-indicator-padding: 0 12px,
   );
 }
 

src/material/slider/slider.scss

@@ -111,7 +111,7 @@ $mat-slider-horizontal-margin: 8px !default;
         @include token-utils.create-token-slot(padding, value-indicator-padding);
         @include token-utils.create-token-slot(border-radius, value-indicator-border-radius);
 
-        &:before {
+        &::before {
           @include token-utils.create-token-slot(border-left-width, value-indicator-caret-width);
           @include token-utils.create-token-slot(border-right-width, value-indicator-caret-width);
           @include token-utils.create-token-slot(border-top-width, value-indicator-caret-height);