feat: add classnames & props helpers

Author: sungik-choi

packages/bezier-react/src/styles/components/alpha-source-size.module.scss

@@ -0,0 +1,9 @@
+@use '../mixins/dimension';
+
+$sizes: 10, 12, 16, 20, 24, 30, 36, 42, 48, 60, 72, 90, 120;
+
+@each $size in $sizes {
+  :where(.size-#{$size}) {
+    @include dimension.square(var(--alpha-source-size-#{$size}));
+  }
+}

packages/bezier-react/src/types/alpha-props-helpers.ts

@@ -0,0 +1,10 @@
+import { type SourceSize } from '~/src/types/alpha-tokens'
+
+// NOTE: 'typescript-plugin-css-modules' does not support path alias
+/* eslint-disable no-restricted-imports */
+import sourceSizeStyles from '../styles/components/alpha-source-size.module.scss'
+/* eslint-enable no-restricted-imports */
+
+export function getSourceSizeClassName(size: SourceSize) {
+  return sourceSizeStyles[`size-${size}`]
+}