ci: Update most of the dev tooling (no-changelog) (#6780)

packages/design-system/.storybook/main.js

@@ -1,42 +0,0 @@
-const { mergeConfig } = require('vite');
-const { resolve } = require('path');
-
-module.exports = {
-	stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-	addons: [
-		'@storybook/addon-styling',
-		'@storybook/addon-links',
-		'@storybook/addon-essentials',
-		// Disabled until this is actually used rather otherwise its a blank tab
-		// '@storybook/addon-interactions',
-		'@storybook/addon-a11y',
-		'storybook-dark-mode',
-	],
-	staticDirs: ['../public'],
-	framework: {
-		name: '@storybook/vue3-vite',
-		options: {},
-	},
-	disableTelemetry: true,
-	async viteFinal(config, { configType }) {
-		// return the customized config
-		return mergeConfig(config, {
-			// customize the Vite config here
-			resolve: {
-				alias: [
-					{
-						find: /^@n8n-design-system\//,
-						replacement: `${resolve(__dirname, '..')}/src/`,
-					},
-					{
-						find: /^n8n-design-system$/,
-						replacement: `${resolve(__dirname, '..')}/src/main.ts`,
-					},
-				],
-			},
-		});
-	},
-	docs: {
-		autodocs: true,
-	},
-};

packages/design-system/.storybook/main.ts

@@ -0,0 +1,25 @@
+import type { StorybookConfig } from '@storybook/vue3-vite';
+
+const config: StorybookConfig = {
+	stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+	addons: [
+		'@storybook/addon-styling',
+		'@storybook/addon-links',
+		'@storybook/addon-essentials',
+		'@storybook/addon-a11y',
+		'storybook-dark-mode',
+	],
+	staticDirs: ['../public'],
+	framework: {
+		name: '@storybook/vue3-vite',
+		options: {},
+	},
+	core: {
+		disableTelemetry: true,
+	},
+	docs: {
+		autodocs: true,
+	},
+};
+
+export default config;