docs: improve tailwind configuration (#5215)

www/apps/api-reference/components/MDXComponents/Security/Description/index.tsx

@@ -39,12 +39,7 @@ const SecurityDescription = ({
         {getSecuritySchemaTypeName(securitySchema)}
       </p>
       {(securitySchema.type === "http" || securitySchema.type === "apiKey") && (
-        <p
-          className={clsx(
-            "bg-docs-bg-surface dark:bg-docs-bg-surface-dark",
-            "p-1"
-          )}
-        >
+        <p className={clsx("bg-docs-bg-surface", "p-1")}>
           <strong>
             {securitySchema.type === "http"
               ? "HTTP Authorization Scheme"

www/apps/api-reference/components/Tags/Operation/CodeSection/Responses/Sample/index.tsx

@@ -91,7 +91,7 @@ const TagsOperationCodeSectionResponsesSample = ({
                   examples.find((ex) => ex.value === event.target.value)
                 )
               }
-              className="border-medusa-border-base dark:border-medusa-border-base-dark my-1 w-full rounded-sm border p-0.5"
+              className="border-medusa-border-base my-1 w-full rounded-sm border p-0.5"
             >
               {examples.map((example, index) => (
                 <option value={example.value} key={index}>

www/apps/api-reference/components/Tags/Operation/CodeSection/index.tsx

@@ -31,18 +31,17 @@ const TagOperationCodeSection = ({
       <div
         className={clsx(
           "bg-medusa-bg-subtle border-medusa-border-base px-0.75 rounded border py-0.5",
-          "text-code-body flex w-full justify-between gap-1",
-          "dark:bg-medusa-bg-subtle-dark dark:border-medusa-border-base-dark"
+          "text-code-body flex w-full justify-between gap-1"
         )}
       >
         <div className={clsx("flex w-[calc(100%-36px)] gap-1")}>
           <MethodLabel method={method} className="h-fit" />
-          <code className="text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark break-words break-all">
+          <code className="text-medusa-fg-subtle =break-words break-all">
             {endpointPath}
           </code>
         </div>
         <CopyButton text={endpointPath} tooltipClassName="font-base">
-          <SquareTwoStack className="text-medusa-fg-muted dark:text-medusa-fg-muted-dark" />
+          <SquareTwoStack className="text-medusa-fg-muted" />
         </CopyButton>
       </div>
       {operation["x-codeSamples"] && (

www/apps/api-reference/components/Tags/Operation/DescriptionSection/Parameters/index.tsx

@@ -44,7 +44,7 @@ const TagsOperationDescriptionSectionParameters = ({
     <>
       {Object.values(pathParameters.properties).length > 0 && (
         <>
-          <h3 className="border-medusa-border-base dark:border-medusa-border-base-dark border-b py-1.5">
+          <h3 className="border-medusa-border-base border-b py-1.5">
             Path Parameters
           </h3>
           <TagOperationParameters
@@ -55,7 +55,7 @@ const TagsOperationDescriptionSectionParameters = ({
       )}
       {Object.values(queryParameters.properties).length > 0 && (
         <>
-          <h3 className="border-medusa-border-base dark:border-medusa-border-base-dark border-b py-1.5">
+          <h3 className="border-medusa-border-base border-b py-1.5">
             Query Parameters
           </h3>
           <TagOperationParameters

www/apps/api-reference/components/Tags/Operation/DescriptionSection/index.tsx

@@ -54,7 +54,7 @@ const TagsOperationDescriptionSection = ({
         {operation["x-featureFlag"] && (
           <TagsOperationFeatureFlagNotice
             featureFlag={operation["x-featureFlag"]}
-            tooltipTextClassName="font-normal text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark"
+            tooltipTextClassName="font-normal text-medusa-fg-subtle"
             badgeClassName="ml-0.5"
           />
         )}

www/apps/api-reference/components/Tags/Operation/Parameters/Name/index.tsx

@@ -62,7 +62,7 @@ const TagOperationParametersName = ({
       {isRequired && (
         <>
           <br />
-          <span className="text-medusa-tag-red-text dark:text-medusa-tag-red-text-dark text-compact-x-small">
+          <span className="text-medusa-tag-red-text text-compact-x-small">
             required
           </span>
         </>

www/apps/api-reference/components/Tags/Operation/Parameters/Nested/index.tsx

@@ -12,8 +12,8 @@ const TagsOperationParametersNested = ({
       {...props}
       className={clsx(
         props.className,
-        "bg-docs-bg-surface dark:bg-docs-bg-surface-dark px-1 pt-1",
-        "border-medusa-border-base dark:border-medusa-border-base-dark my-1 rounded-sm border"
+        "bg-docs-bg-surface px-1 pt-1",
+        "border-medusa-border-base my-1 rounded-sm border"
       )}
     >
       {children}

www/apps/api-reference/components/Tags/Operation/Parameters/Types/OneOf/index.tsx

@@ -76,11 +76,9 @@ const TagOperationParamatersOneOf = ({
                   "border border-solid",
                   activeTab === index && [
                     "bg-medusa-bg-subtle border-medusa-border-strong",
-                    "dark:bg-medusa-bg-subtle-dark dark:border-medusa-border-strong-dark",
                   ],
                   activeTab !== index && [
                     "bg-medusa-bg-base border-medusa-border-base",
-                    "dark:bg-medusa-bg-base-dark dark:border-medusa-border-base-dark",
                   ]
                 )}
                 onClick={() => setActiveTab(index)}