Error upgrading storybook v7: The requested module 'vite' does not provide an export named 'preprocessCSS'

[lemonpeu]

I'm working using Svelte and Vite.

Hi, I'm getting this error on the console when doing npm run storybook on my local after doing npx storybook@latest upgrade

import { preprocessCSS, resolveConfig, transformWithEsbuild } from 'vite';
         ^^^^^^^^^^^^^
SyntaxError: The requested module 'vite' does not provide an export named 'preprocessCSS'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:190:5)

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

And this is the error I get on the browser:

Error: Unable to index files:
  at async Object.init (/sb-manager/chunk-T3KZBRD

My main looks like this:

import type { StorybookConfig } from '@storybook/svelte-vite'

const config: StorybookConfig = {
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx|svelte)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions',
    '@storybook/addon-mdx-gfm'
  ],
  framework: {
    name: '@storybook/svelte-vite',
    options: {},
  },
  docs: {
    autodocs: 'tag',
  },
}
export default config

My package.json dependencies look like this:

"devDependencies": {
    "@babel/core": "^7.18.10",
    "@storybook/addon-actions": "^7.4.4",
    "@storybook/addon-essentials": "^7.4.4",
    "@storybook/addon-interactions": "^7.4.4",
    "@storybook/addon-links": "^7.4.4",
    "@storybook/addon-mdx-gfm": "^7.4.4",
    "@storybook/addon-svelte-csf": "^4.0.8",
    "@storybook/svelte": "^7.4.4",
    "@storybook/svelte-vite": "^7.4.4",
    "@storybook/testing-library": "^0.2.1",
    "@sveltejs/vite-plugin-svelte": "^1.0.1",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/svelte": "^3.2.2",
    "@tsconfig/svelte": "^3.0.0",
    "@typescript-eslint/eslint-plugin": "^5.33.1",
    "@typescript-eslint/parser": "^5.33.1",
    "babel-loader": "^8.2.5",
    "cross-env": "^7.0.3",
    "eslint": "^8.22.0",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-storybook": "^0.6.14",
    "eslint-plugin-svelte3": "^4.0.0",
    "jsdom": "^21.1.0",
    "prettier-plugin-svelte": "^2.9.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "storybook": "^7.4.4",
    "svelte": "^3.49.0",
    "svelte-check": "^2.8.0",
    "svelte-loader": "^3.1.3",
    "svelte-preprocess": "^4.10.7",
    "tslib": "^2.4.0",
    "typescript": "^4.6.4",
    "vite": "^3.0.7",
    "vitest": "^0.28.4"
  },

Any ideas? Thank you!