fix heading styles

Author: shahednasser

www/packages/docs-ui/src/components/Heading/H1/index.tsx

@@ -10,7 +10,7 @@ export const H1 = ({ className, ...props }: H1Props) => {
     <div className="flex items-start justify-between gap-2 h1-wrapper">
       <h1
         className={clsx(
-          "h1-docs [&_code]:!h1-docs [&_code]:!font-mono mb-docs_1 text-medusa-fg-base",
+          "text-h1 [&_code]:!text-h1 [&_code]:!font-mono mb-docs_1 text-medusa-fg-base",
           props.id && "scroll-m-docs_7",
           className
         )}

www/packages/docs-ui/src/components/Heading/H2/index.tsx

@@ -19,7 +19,7 @@ export const H2 = ({ className, children, passRef, ...props }: H2Props) => {
   return (
     <h2
       className={clsx(
-        "h2-docs [&_code]:!h2-docs [&_code]:!font-mono mb-docs_1 mt-docs_2 text-medusa-fg-base",
+        "text-h2 [&_code]:!text-h2 [&_code]:!font-mono mb-docs_1 mt-docs_2 text-medusa-fg-base",
         props.id && [
           "group/h2",
           showCollapsedNavbar && "scroll-m-docs_7",

www/packages/docs-ui/src/components/Heading/H3/index.tsx

@@ -15,7 +15,7 @@ export const H3 = ({ className, children, ...props }: H3Props) => {
   return (
     <h3
       className={clsx(
-        "h3-docs [&_code]:!h3-docs [&_code]:!font-mono my-docs_1 text-medusa-fg-base",
+        "text-h3 [&_code]:!text-h3 [&_code]:!font-mono my-docs_1 text-medusa-fg-base",
         props.id && [
           "group/h3",
           showCollapsedNavbar && "scroll-m-docs_7",