@vite/plugin-vue regression with css-module bundling

[Szymon-dziewonski]

Describe the bug

With @vite/plugin-vue version above 2.0.0, there is regression connected to css modules being duplicated in output JS bundle. This exists when building the app using vite build and vite, meaning for development and production/

Css modules file is requested 2 times in the development mode:

Newest @vitejs/plugin-vue v2+ - bundle output:

We managed to create some simple plugin that mitigates current issue, bundle output:

Possible regression since @vitejs/plugin-vue v1+ - bundle output:

Component used for testing

Style module used for testing

Whole reproduction scenario is available https://github.com/FRSOURCE/vite-plugin-vue-dedupe-css-modules/tree/main/example/vue

Reproduction

https://github.com/FRSOURCE/vite-plugin-vue-dedupe-css-modules/tree/main/example/vue

System Info

MacOs 11.6.4 or 11.5.2
Browser Opera 85, Chrome 101.0.4951.54

Used Package Manager

yarn

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

I confirmed #5994 is affecting this (reverting it fixed this).