feat: isolate radix utils

packages/website/src/core/radix/utils.ts

@@ -0,0 +1,11 @@
+import { RadixColorCompound, RadixRadius } from '../../stores/embedState';
+
+export function toWidthVar(state: number) {
+  return `${state}px`;
+}
+export function toRadiusVar(state: RadixRadius) {
+  return `var(--radius-${state})`;
+}
+export function toColorVar(state: RadixColorCompound) {
+  return `var(--${state.base}-${state.variant})`;
+}