Move extended tailwind config into a json file, import it into tailwind config, and use it display in themeshowcase show code panel

Author: mayan-000

packages/frappe-ui-react/src/components/themeShowCase/ThemeShowcase.stories.ts

@@ -1,11 +1,23 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
+
 import ThemeShowcase from "./ThemeShowcase";
+// @ts-expect-error - Json import
+import tailwindExtend from "../../../../../tailwindExtend.json";
 
 const meta = {
   title: "Theme/DesignSystem",
   component: ThemeShowcase,
   parameters: {
     layout: "fullscreen",
+    docs: {
+      source: {
+        code: `
+Extended Tailwind Config:
+
+${JSON.stringify(tailwindExtend, null, 2)}
+				`,
+      },
+    },
   },
   tags: ["autodocs"],
 } satisfies Meta<typeof ThemeShowcase>;