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

components/TempDesignSystem/Text/Body/index.tsx

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