From 7f6dda58b5071b29177cad62548a7bc0966869b8 Mon Sep 17 00:00:00 2001
From: Elizabeth Mitchell <lizmitchell@google.com>
Date: Tue, 23 Jan 2024 14:16:11 -0800
Subject: [PATCH] refactor(divider): reduce CSS size

Reduces the size by removing private (`--_*`) custom properties. These are not needed since the component does not share styles across variants.

Size before: 523b / 308b gzip
Size after: 469b (-10%) / 292b gzip (-5%)

PiperOrigin-RevId: 600904594
---
 divider/internal/_divider.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/divider/internal/_divider.scss b/divider/internal/_divider.scss
index 6414f4f49..3ca0e883e 100644
--- a/divider/internal/_divider.scss
+++ b/divider/internal/_divider.scss
@@ -5,6 +5,7 @@
 
 // go/keep-sorted start
 @use 'sass:list';
+@use 'sass:map';
 // go/keep-sorted end
 // go/keep-sorted start
 @use '../../tokens';
@@ -26,16 +27,15 @@
 
 @mixin styles() {
   $tokens: tokens.md-comp-divider-values();
+  @each $token, $value in $tokens {
+    $tokens: map.set($tokens, $token, var(--md-divider-#{$token}, #{$value}));
+  }
 
   :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: var(--md-divider-#{$token}, #{$value});
-    }
-
     box-sizing: border-box;
-    color: var(--_color);
+    color: map.get($tokens, 'color');
     display: flex;
-    height: var(--_thickness);
+    height: map.get($tokens, 'thickness');
     width: 100%;
   }