refactor: get source size classnames via scss map

channel-io · Dec 18, 2024 · c009982 · c009982
1 parent 8e7c2e2
commit c009982
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/bezier-react/src/styles/components/alpha-source-size.module.scss b/packages/bezier-react/src/styles/components/alpha-source-size.module.scss
@@ -1,8 +1,9 @@
+@use 'sass:map';
+@use '../../../../../node_modules/@channel.io/bezier-tokens/dist/alpha/scss'
+  as *;
 @use '../mixins/dimension';
 
-$sizes: 10, 12, 16, 20, 24, 30, 36, 42, 48, 60, 72, 90, 120;
-
-@each $size in $sizes {
+@each $size in map.keys(map.get($tokens, 'global', 'source-size')) {
   :where(.size-#{$size}) {
     @include dimension.square(var(--alpha-source-size-#{$size}));
   }