feat: guest information form enter details

components/TempDesignSystem/Text/Caption/variants.ts

@@ -5,12 +5,14 @@ import styles from "./caption.module.css"
 const config = {
   variants: {
     color: {
+      baseTextAccent: styles.baseTextAccent,
       black: styles.black,
       burgundy: styles.burgundy,
       pale: styles.pale,
       textMediumContrast: styles.textMediumContrast,
       red: styles.red,
       white: styles.white,
+      uiTextHighContrast: styles.uiTextHighContrast,
       uiTextActive: styles.uiTextActive,
       uiTextMediumContrast: styles.uiTextMediumContrast,
       disabled: styles.disabled,
@@ -24,6 +26,9 @@ const config = {
       center: styles.center,
       left: styles.left,
     },
+    uppercase: {
+      true: styles.uppercase,
+    },
   },
   defaultVariants: {
     color: "black",
@@ -40,6 +45,9 @@ const fontOnlyConfig = {
       regular: styles.regular,
       uppercase: styles.uppercase,
     },
+    uppercase: {
+      true: styles.uppercase,
+    },
   },
   defaultVariants: {
     textTransform: "regular",