🤖 Fix emotion babel plugin configuration for Chromatic

Replace Storybook's default React plugin with emotion-configured one:
- Filter out Storybook's vite:react plugin to avoid conflicts
- Add custom React plugin with jsxImportSource and babel config
- Exclude stories and node_modules from emotion transformation
- Remove unnecessary babel.config.js file

This approach is based on the recommended solution from
storybookjs/builder-vite#210 for using emotion with Vite+Storybook.

_Generated with `cmux`_

Author: ammario

.storybook/main.ts

@@ -1,5 +1,6 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import type { UserConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 
 const config: StorybookConfig = {
   "stories": [
@@ -18,26 +19,37 @@ const config: StorybookConfig = {
     "options": {}
   },
   async viteFinal(config: UserConfig) {
-    return {
-      ...config,
-      plugins: config.plugins,
-      optimizeDeps: {
-        ...config.optimizeDeps,
-        include: [
-          ...(config.optimizeDeps?.include || []),
-          '@emotion/react',
-          '@emotion/styled',
-          '@emotion/cache',
-        ],
-      },
-      build: {
-        ...config.build,
-        commonjsOptions: {
-          ...config.build?.commonjsOptions,
-          include: [/node_modules/],
+    // Filter out Storybook's default React plugin
+    config.plugins = (config.plugins || []).filter((plugin) => {
+      return !(
+        Array.isArray(plugin) &&
+        plugin[0]?.name?.includes('vite:react')
+      );
+    });
+
+    // Add React plugin with emotion configuration
+    config.plugins.push(
+      react({
+        exclude: [/\.stories\.(t|j)sx?$/, /node_modules/],
+        jsxImportSource: '@emotion/react',
+        babel: {
+          plugins: ['@emotion/babel-plugin'],
         },
-      },
+      })
+    );
+
+    // Optimize emotion dependencies
+    config.optimizeDeps = {
+      ...config.optimizeDeps,
+      include: [
+        ...(config.optimizeDeps?.include || []),
+        '@emotion/react',
+        '@emotion/styled',
+        '@emotion/cache',
+      ],
     };
+
+    return config;
   },
 };
 export default config;