chore: update storybook

Author: Guillaume CATEL

pnpm-lock.yaml

@@ -1,7 +1,9 @@
+
 {
   "name": "@monorepo/{{kebabCase name}}",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
   "types": "./src/index.ts",
@@ -39,16 +41,14 @@
   "devDependencies": {
     "@monorepo/tailwind-config": "workspace:*",
     "@monorepo/typescript-config": "workspace:*",
-    "@storybook/addon-a11y": "^8.5.2",
     "@storybook/addon-essentials": "^8.5.2",
     "@storybook/addon-interactions": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
+    "@storybook/addon-onboarding": "^8.5.2",
     "@storybook/blocks": "^8.5.2",
-    "@storybook/manager-api": "^8.5.2",
     "@storybook/react": "^8.5.2",
     "@storybook/react-vite": "^8.5.2",
     "@storybook/test": "^8.5.2",
-    "@storybook/theming": "^8.5.2",
+    "@tailwindcss/vite": "^4.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
@@ -57,10 +57,9 @@
     "@types/node": "^22.12.0",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "autoprefixer": "^10.4.20",
+    "@vitejs/plugin-react": "^4.3.4",
     "eslint-plugin-storybook": "^0.11.2",
     "jsdom": "^26.0.0",
-    "postcss": "^8.5.1",
     "storybook": "^8.5.2",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.7.3",

turbo/generators/templates/packages/typescript-react-ui/package.json.hbs

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite'
+
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+export default defineConfig({
+  plugins: [
+    react(),
+    tailwindcss(),
+  ],
+})

turbo/generators/templates/packages/typescript-react-ui/postcss.config.mjs.hbs

@@ -1,34 +1,19 @@
 import type { StorybookConfig } from '@storybook/react-vite'
 
-import { dirname, join } from 'node:path'
-
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')))
-}
-
 const config: StorybookConfig = {
   stories: [
     '../src/**/*.mdx',
-    '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+    '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'
   ],
-  docs: {
-    autodocs: true,
-  },
   addons: [
-    getAbsolutePath('@storybook/addon-links'),
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@storybook/addon-interactions'),
-    getAbsolutePath('@storybook/addon-a11y'),
+    '@storybook/addon-onboarding',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
   ],
   framework: {
-    name: getAbsolutePath('@storybook/react-vite'),
+    name: '@storybook/react-vite',
     options: {},
   },
 }
+
 export default config

turbo/generators/templates/packages/typescript-react-ui/tailwind.config.ts.hbs

@@ -19,4 +19,3 @@
     margin: 0!important;
   }
 </style>
-

turbo/generators/templates/packages/typescript-react-ui/vite.config.ts.hbs

@@ -1,6 +1,6 @@
 import type { Preview } from '@storybook/react'
 
-import 'tailwindcss/tailwind.css'
+import 'tailwindcss/index.css'
 
 const preview: Preview = {
   parameters: {
@@ -38,8 +38,8 @@ const preview: Preview = {
     },
     controls: {
       matchers: {
-        color: /(?<temp1>background|color)$/iu,
-        date: /Date$/iu,
+        color: /(background|color)$/i,
+        date: /Date$/i,
       },
     },
   },