fix(css): dont remove JS chunk for pure CSS chunk when the export is used

[sapphi-red]

Description

import * as something from './foo.css'

When the module namespace of CSS is imported, the pure CSS chunk remover removed the JS chunk even if it should not be removed.

The import happens if import.meta.glob includes a CSS file.

This PR makes chunks that have exports to be marked as non-pure CSS chunk.

The alternative fix is to improve the following code, but I think it would be complicated.

vite/packages/vite/src/node/plugins/css.ts

Lines 1039 to 1055 in 41735a7

	const emptyChunkRE = new RegExp(
	outputFormat === 'es'
	? `\\bimport\\s*["'][^"']*(?:${emptyChunkFiles})["'];`
	: `(\\b|,\\s*)require\\(\\s*["'][^"']*(?:${emptyChunkFiles})["']\\)(;|,)`,
	'g',
	)
	return (code: string) =>
	code.replace(
	emptyChunkRE,
	// remove css import while preserving source map location
	(m) =>
	outputFormat === 'es'
	? `/* empty css ${''.padEnd(m.length - 15)}*/`
	: `${m.at(-1)}/* empty css ${''.padEnd(m.length - 16)}*/`,
	)
	}

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[patak-dev]

/ecosystem-ci run

[vite-ecosystem-ci]

📝 Ran ecosystem CI on 8d48376: Open

suite	result	latest scheduled
analogjs	✅ success	❌ failure
remix	❌ failure	❌ failure
sveltekit	✅ success	❌ failure
vike	❌ failure	❌ failure

✅ astro, histoire, ladle, laravel, marko, nuxt, previewjs, quasar, qwik, rakkas, redwoodjs, storybook, unocss, vite-environment-examples, vite-plugin-pwa, vite-plugin-react, vite-plugin-react-swc, vite-plugin-svelte, vite-plugin-vue, vite-setup-catalogue, vitepress, vitest, vuepress