Vite plugin: get duplicated CSS using import './<file>.css'

[stackia]

Reproduction

When using vite dev server, import './<file>.css' will cause the css being injected twice.

StackBlitz: https://stackblitz.com/edit/remix-vite-bug-css-duplicate?file=package.json&initialPath=test

System Info

Not related.

Used Package Manager

pnpm

Expected Behavior

The referenced css should only be injected once.

Actual Behavior

[fire332]

This is intended.
See reply to my identical issue: #8759 (comment)

@pcattori Maybe it would be a good idea to add a comment to the remix injected style explaining the reason for the duplication to avoid future issues being filed.

[stackia]

From https://github.com/vitejs/vite/blob/7cfe80d0df7edfe861b8cc281303f20fc7633841/packages/vite/src/client/client.ts#L380 we can see vite/client will try to use existing style[data-vite-dev-id] if they are already rendered during SSR. Is it possible to change our injected <style> to match that format (<style data-vite-dev-id="<path>">) so vite/client can correctly handle our SSR styles?