feat(storybook): add support for storybook 10 (#33277)

## Current Behavior
We support Storybook 8 and 9


## Expected Behavior
Add support for Storybook 10, bringing Storybook support to 8, 9 and 10

## Related Issue(s)

Fixes #33141

Author: Coly010

e2e/storybook/src/storybook-nested.test.ts

@@ -46,11 +46,6 @@ describe('Storybook generators and executors for standalone workspaces - using R
         'tsconfig.storybook.json'
       );
     });
-
-    it('should edit root tsconfig.json', () => {
-      const tsconfig = readJson(`tsconfig.json`);
-      expect(tsconfig['ts-node']?.compilerOptions?.module).toEqual('commonjs');
-    });
   });
 
   describe('serve storybook', () => {

graph/client/.storybook/main.js

@@ -87,31 +87,6 @@
         }
       },
       "defaultConfiguration": "dev"
-    },
-    "storybook": {
-      "executor": "@nx/storybook:storybook",
-      "options": {
-        "port": 4400,
-        "configDir": "graph/client/.storybook"
-      },
-      "configurations": {
-        "ci": {
-          "quiet": true
-        }
-      }
-    },
-    "build-storybook": {
-      "executor": "@nx/storybook:build",
-      "outputs": ["{options.outputDir}"],
-      "options": {
-        "configDir": "graph/client/.storybook",
-        "outputDir": "dist/storybook/graph-client"
-      },
-      "configurations": {
-        "ci": {
-          "quiet": true
-        }
-      }
     }
   },
   "tags": []

graph/client/.storybook/preview-head.html

@@ -15,7 +15,7 @@ const config: StorybookConfig = {
     const {
       nxViteTsPaths,
       // nx-ignore-next-line
-    } = require('@nx/vite/plugins/nx-tsconfig-paths.plugin');
+    } = await import('@nx/vite/plugins/nx-tsconfig-paths.plugin');
     return mergeConfig(config, { plugins: [nxViteTsPaths()] });
   },
   typescript: {

graph/client/.storybook/preview.js

@@ -2,7 +2,8 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "emitDecoratorMetadata": true,
-    "outDir": ""
+    "outDir": "",
+    "moduleResolution": "node16"
   },
   "exclude": [
     "src/**/*.spec.ts",

graph/client/.storybook/tailwind-imports.css

@@ -1,8 +1,7 @@
 /* eslint-disable @nx/enforce-module-boundaries */
-import type { StorybookConfig } from '@storybook/react-vite';
 import { mergeConfig } from 'vite';
 
-const config: StorybookConfig = {
+export default {
   stories: ['../src/lib/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
   addons: ['@storybook/addon-docs'],
 
@@ -14,16 +13,13 @@ const config: StorybookConfig = {
     reactDocgen: 'react-docgen-typescript',
   },
   docs: {},
-
   viteFinal: async (config) => {
     const {
       nxViteTsPaths,
       // nx-ignore-next-line
-    } = require('@nx/vite/plugins/nx-tsconfig-paths.plugin');
+    } = await import('@nx/vite/plugins/nx-tsconfig-paths.plugin');
     return mergeConfig(config, {
       plugins: [nxViteTsPaths()],
     });
   },
 };
-
-export default config;