Vite with Storybook (@storybook/web-components-vite) and vite-plugin-lwc

[lukethacoder]

I am attempting to run the latest version of Storybook (v9) with the @storybook/web-components-vite framework and the vite-plugin-lwc.

Running the dev server works fine, but running the storybook build command causes the following issue:

pnpm build

> lwc-storybook-vite@1.0.0 build /home/projects/stackblitz-starters-jzmxvmya
> storybook build

storybook v9.1.3

info => Cleaning outputDir: storybook-static
info => Loading presets
info => Building manager..
info => Building preview..
No story files found for the specified pattern: force-app/**/__docs__/**/*.mdx
vite v7.1.3 building for production...
✓ 9 modules transformed.
✗ Build failed in 251ms
=> Failed to build the preview
iframe.html?html-proxy&inline-css&index=0.css (2:17): Expected ';', '}' or <eof> (Note that you need plugins to import files that are not JavaScript)
file: ./iframe.html?html-proxy&inline-css&index=0.css:2:17

1: 
2:       @font-face {
                    ^
3:         font-family: 'Nunito Sans';
4:         font-style: normal;

    at Module.getRollupError (file://./node_modules/.pnpm/rollup@4.50.0/node_modules/rollup/dist/es/shared/parseAst.js:568:41)
    at ParseError.initialise (file://./node_modules/.pnpm/rollup@4.50.0/node_modules/rollup/dist/es/shared/node-entry.js:14458:41)
    at convertNode (file://./node_modules/.pnpm/rollup@4.50.0/node_modules/rollup/dist/es/shared/node-entry.js:16338:10)
    at convertProgram (file://./node_modules/.pnpm/rollup@4.50.0/node_modules/rollup/dist/es/shared/node-entry.js:15578:12)
    at Module.setSource (file://./node_modules/.pnpm/rollup@4.50.0/node_modules/rollup/dist/es/shared/node-entry.js:17333:24)
    at async ModuleLoader.addModuleSource (file://./node_modules/.pnpm/rollup@4.50.0/node_modules/rollup/dist/es/shared/node-entry.js:21346:13)
? Would you like to help improve Storybook by sending anonymous

There is a bit more context and info on the related discussion on the vite-plugin-lwc repo cardoso/vite-plugin-lwc#95

[lukethacoder]

Closing for now as this looks to be caused by issues with the vite-plugin-lwc package. More info/discussions: cardoso/vite-plugin-lwc#95