docs: improve tailwind configuration (#5215)

www/packages/docs-ui/src/components/Navbar/ColorModeToggle/index.tsx

@@ -16,12 +16,8 @@ export const NavbarColorModeToggle = ({
 
   return (
     <NavbarIconButton {...buttonProps} onClick={() => toggleColorMode()}>
-      {colorMode === "light" && (
-        <Sun className="text-medusa-fg-muted dark:text-medusa-fg-muted-dark" />
-      )}
-      {colorMode === "dark" && (
-        <Moon className="text-medusa-fg-muted dark:text-medusa-fg-muted-dark" />
-      )}
+      {colorMode === "light" && <Sun className="text-medusa-fg-muted" />}
+      {colorMode === "dark" && <Moon className="text-medusa-fg-muted" />}
     </NavbarIconButton>
   )
 }

www/packages/docs-ui/src/components/Navbar/Link/index.tsx

@@ -32,10 +32,10 @@ export const NavbarLink = ({
     <NextLink
       href={href}
       className={clsx(
-        isActive && "!text-medusa-fg-base dark:!text-medusa-fg-base-dark",
-        !isActive && "!text-medusa-fg-subtle dark:!text-medusa-fg-subtle-dark",
+        isActive && "!text-medusa-fg-base",
+        !isActive && "!text-medusa-fg-subtle",
         "text-compact-small-plus inline-block",
-        "hover:!text-medusa-fg-base dark:hover:!text-medusa-fg-base-dark",
+        "hover:!text-medusa-fg-base",
         className
       )}
     >

www/packages/docs-ui/src/components/Navbar/MobileMenu/Button/index.tsx

@@ -28,12 +28,8 @@ export const NavbarMobileMenuButton = ({
         }
       }}
     >
-      {!mobileSidebarOpen && (
-        <Sidebar className="text-medusa-fg-muted dark:text-medusa-fg-muted-dark" />
-      )}
-      {mobileSidebarOpen && (
-        <XMark className="text-medusa-fg-muted dark:text-medusa-fg-muted-dark" />
-      )}
+      {!mobileSidebarOpen && <Sidebar className="text-medusa-fg-muted" />}
+      {mobileSidebarOpen && <XMark className="text-medusa-fg-muted" />}
     </NavbarIconButton>
   )
 }

www/packages/docs-ui/src/components/Navbar/index.tsx

@@ -32,7 +32,7 @@ export const Navbar = ({
     <nav
       className={clsx(
         "h-navbar sticky top-0 w-full justify-between",
-        "bg-docs-bg dark:bg-docs-bg-dark border-medusa-border-base dark:border-medusa-border-base-dark z-[400] border-b",
+        "bg-docs-bg dark:bg-docs-bg-dark border-medusa-border-base z-[400] border-b",
         className
       )}
     >