fix: add labels variants for Footnote and Caption

components/TempDesignSystem/Text/Caption/variants.ts

@@ -4,6 +4,11 @@ import styles from "./caption.module.css"
 
 const config = {
   variants: {
+    type: {
+      regular: styles.regular,
+      bold: styles.bold,
+      label: styles.labels,
+    },
     color: {
       baseTextAccent: styles.baseTextAccent,
       black: styles.black,
@@ -19,8 +24,6 @@ const config = {
       disabled: styles.disabled,
     },
     textTransform: {
-      bold: styles.bold,
-      regular: styles.regular,
       uppercase: styles.uppercase,
     },
     textAlign: {
@@ -33,7 +36,7 @@ const config = {
   },
   defaultVariants: {
     color: "black",
-    textTransform: "regular",
+    type: "regular",
   },
 } as const
 
@@ -41,9 +44,12 @@ export const captionVariants = cva(styles.caption, config)
 
 const fontOnlyConfig = {
   variants: {
-    textTransform: {
-      bold: styles.bold,
+    type: {
       regular: styles.regular,
+      bold: styles.bold,
+      label: styles.labels,
+    },
+    textTransform: {
       uppercase: styles.uppercase,
     },
     uppercase: {
@@ -51,7 +57,7 @@ const fontOnlyConfig = {
     },
   },
   defaultVariants: {
-    textTransform: "regular",
+    type: "regular",
   },
 } as const