refactor: Add SVG loader for Storybook and bump version (#17365)

packages/frontend/@n8n/design-system/package.json

@@ -37,7 +37,7 @@
     "@vitest/coverage-v8": "catalog:",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
-    "sass": "^1.64.1",
+    "sass": "^1.71.1",
     "tailwindcss": "^3.4.3",
     "unplugin-icons": "catalog:frontend",
     "unplugin-vue-components": "catalog:frontend",

packages/frontend/@n8n/design-system/vite.config.mts

@@ -5,6 +5,7 @@ import components from 'unplugin-vue-components/vite';
 import icons from 'unplugin-icons/vite';
 import iconsResolver from 'unplugin-icons/resolver';
 import { vitestConfig } from '@n8n/vitest-config/frontend';
+import svgLoader from 'vite-svg-loader';
 
 const packagesDir = resolve(__dirname, '..', '..', '..');
 
@@ -12,6 +13,21 @@ export default mergeConfig(
 	defineConfig({
 		plugins: [
 			vue(),
+			svgLoader({
+				svgoConfig: {
+					plugins: [
+						{
+							name: 'preset-default',
+							params: {
+								overrides: {
+									// disable a default plugin
+									cleanupIds: false,
+								},
+							},
+						},
+					],
+				},
+			}),
 			icons({
 				compiler: 'vue3',
 				autoInstall: true,