feat: loosen up the zod validations and return null instead of throwing

components/TempDesignSystem/Text/Footnote/footnote.module.css

@@ -3,6 +3,10 @@
   padding: 0;
 }
 
+.footnoteFontOnly {
+  font-style: normal;
+}
+
 .bold {
   font-family: var(--typography-Footnote-Bold-fontFamily);
   font-size: var(--typography-Footnote-Bold-fontSize);

components/TempDesignSystem/Text/Footnote/footnote.ts

@@ -6,4 +6,5 @@ export interface FootnoteProps
   extends Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">,
     VariantProps<typeof footnoteVariants> {
   asChild?: boolean
+  fontOnly?: boolean
 }

components/TempDesignSystem/Text/Footnote/index.tsx

@@ -1,6 +1,6 @@
 import { Slot } from "@radix-ui/react-slot"
 
-import { footnoteVariants } from "./variants"
+import { footnoteFontOnlyVariants, footnoteVariants } from "./variants"
 
 import type { FootnoteProps } from "./footnote"
 
@@ -8,16 +8,23 @@ export default function Footnote({
   asChild = false,
   className = "",
   color,
+  fontOnly = false,
   textAlign,
   textTransform,
   ...props
 }: FootnoteProps) {
   const Comp = asChild ? Slot : "p"
-  const classNames = footnoteVariants({
-    className,
-    color,
-    textAlign,
-    textTransform,
-  })
+  const classNames = fontOnly
+    ? footnoteFontOnlyVariants({
+        className,
+        textAlign,
+        textTransform,
+      })
+    : footnoteVariants({
+        className,
+        color,
+        textAlign,
+        textTransform,
+      })
   return <Comp className={classNames} {...props} />
 }

components/TempDesignSystem/Text/Footnote/variants.ts

@@ -24,3 +24,24 @@ const config = {
 } as const
 
 export const footnoteVariants = cva(styles.footnote, config)
+
+const fontOnlyConfig = {
+  variants: {
+    textAlign: {
+      center: styles.center,
+      left: styles.left,
+    },
+    textTransform: {
+      bold: styles.bold,
+      regular: styles.regular,
+    },
+  },
+  defaultVariants: {
+    textTransform: "regular",
+  },
+} as const
+
+export const footnoteFontOnlyVariants = cva(
+  styles.footnoteFontOnly,
+  fontOnlyConfig
+)