chore: update Storybook to v9 stable (#1697)

* chore: update Storybook to v9 stable

* chore: bump down

* chore: bump rolldown

* chore: bump rolldown

Author: Niznikr

.storybook/main.ts

@@ -1,4 +1,5 @@
 import type { StorybookConfig } from '@storybook/react-vite';
+import type { UserConfig } from 'vite';
 
 const config: StorybookConfig = {
 	stories: [
@@ -18,8 +19,16 @@ const config: StorybookConfig = {
 		disableTelemetry: true,
 	},
 	staticDirs: ['.', { from: '../packages/tokens/dist', to: '/static' }],
-	async viteFinal(config) {
-		return config;
+	async viteFinal(config, { configType }) {
+		const { mergeConfig } = await import('vite');
+
+		// https://github.com/vitejs/rolldown-vite/issues/182#issuecomment-2909038168
+		const custom: UserConfig =
+			configType === 'PRODUCTION'
+				? { build: { rollupOptions: { experimental: { strictExecutionOrder: true } } } }
+				: {};
+
+		return mergeConfig(config, custom);
 	},
 	docs: {
 		defaultName: 'Docs',

.storybook/preview-head.html

@@ -3,10 +3,4 @@
 <link rel="preload" href="./static/assets/Inter.var-subset.woff2" as="font" crossorigin />
 
 <link href="./styles.css" rel="stylesheet" />
-<link href="./static/fonts.css" rel="stylesheet" />
-
-<script>
-  globalThis.__STORYBOOK_MODULE_CLIENT_LOGGER__ = {logger:{}};
-  globalThis.__STORYBOOK_MODULE_GLOBAL__ = {global:{}};
-  globalThis.__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__ = {UnknownArgTypesError:{}};
-</script>
+<link href="./static/fonts.css" rel="stylesheet" />

package.json

@@ -39,12 +39,12 @@
 		"@commitlint/config-conventional": "^19.8.0",
 		"@commitlint/types": "^19.8.0",
 		"@figma/code-connect": "^1.3.1",
-		"@storybook/addon-a11y": "^9.0.0-rc.3",
-		"@storybook/addon-designs": "^10.0.0",
-		"@storybook/addon-docs": "^9.0.0-rc.3",
-		"@storybook/addon-themes": "^9.0.0-rc.3",
-		"@storybook/react": "^9.0.0-rc.3",
-		"@storybook/react-vite": "^9.0.0-rc.3",
+		"@storybook/addon-a11y": "^9.0.0",
+		"@storybook/addon-designs": "^10.0.1",
+		"@storybook/addon-docs": "^9.0.0",
+		"@storybook/addon-themes": "^9.0.0",
+		"@storybook/react": "^9.0.0",
+		"@storybook/react-vite": "^9.0.0",
 		"@testing-library/dom": "^10.4.0",
 		"@testing-library/jest-dom": "^6.6.2",
 		"@testing-library/react": "^16.3.0",
@@ -72,12 +72,12 @@
 		"react-dom": "19.1.0",
 		"react-router": "7.5.2",
 		"rollup-plugin-pure": "^0.4.0",
-		"storybook": "^9.0.0-rc.3",
-		"storybook-addon-pseudo-states": "^9.0.0-rc.3",
+		"storybook": "^9.0.0",
+		"storybook-addon-pseudo-states": "^9.0.0",
 		"tsx": "^4.19.3",
 		"typescript": "^5.8.2",
 		"typescript-plugin-css-modules": "^5.1.0",
-		"vite": "npm:[email protected].11",
+		"vite": "npm:[email protected].16",
 		"vitest": "^3.2.0"
 	},
 	"packageManager": "[email protected]",
@@ -99,7 +99,7 @@
 			}
 		},
 		"overrides": {
-			"vite": "npm:[email protected].11"
+			"vite": "npm:[email protected].16"
 		}
 	},
 	"browserslist": ["last 2 versions", "not dead", "not IE 11"]