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

components/TempDesignSystem/Text/Title/index.tsx

@@ -1,3 +1,5 @@
+import { Children } from "react"
+
 import { headingVariants } from "./variants"
 
 import type { HeadingProps } from "./title"
@@ -12,7 +14,7 @@ export default function Title({
   textAlign,
   textTransform,
 }: HeadingProps) {
-  if (hideEmpty && !children) {
+  if (hideEmpty && Children.count(children) === 0) {
     return null
   }
   const Hx = level

components/TempDesignSystem/Text/Title/title.ts

@@ -2,7 +2,7 @@ import { headingVariants } from "./variants"
 
 import type { VariantProps } from "class-variance-authority"
 
-type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5"
 
 export interface HeadingProps
   extends Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">,

components/TempDesignSystem/Text/Title/variants.ts

@@ -22,7 +22,6 @@ const config = {
       h3: styles.h3,
       h4: styles.h4,
       h5: styles.h5,
-      h6: styles.h6,
     },
   },
   defaultVariants: {