fix(css): detect css modules from full id for vue virtual sfc styles (#917)

Author: sxzz

packages/css/src/plugin.ts

@@ -115,9 +115,7 @@ export function CssPlugin(
 
         const isInline = RE_INLINE.test(id)
         const isModule =
-          !isInline &&
-          cssConfig.css.modules !== false &&
-          CSS_MODULE_RE.test(cleanId)
+          !isInline && cssConfig.css.modules !== false && CSS_MODULE_RE.test(id)
 
         const deps: string[] = []
         let modules: Record<string, string> | undefined

tests/__snapshots__/issues/916.snap.md

@@ -0,0 +1,33 @@
+## index.mjs
+
+```mjs
+import { createElementBlock, normalizeClass, openBlock } from "vue";
+//#region MyButton.vue?vue&type=style&index=0&lang.module.css
+var MyButton_vue_vue_type_style_index_0_lang_module_default = { "btn": "mod_btn" };
+//#endregion
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region MyButton.vue
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("button", { class: normalizeClass(_ctx.$style.btn) }, "Click", 2);
+}
+var MyButton_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__cssModules", { "$style": MyButton_vue_vue_type_style_index_0_lang_module_default }]]);
+//#endregion
+export { MyButton_default as MyButton };
+
+```
+
+## style.css
+
+```css
+.mod_btn {
+  color: red;
+}
+
+```

tests/issues.test.ts

@@ -252,6 +252,29 @@ button {
     expect(css).toMatch(/\[data-v-[\da-f]+\]/)
   })
 
+  test('#916', async (context) => {
+    const Vue = (await import('unplugin-vue/rolldown')).default
+    const { outputFiles, fileMap } = await testBuild({
+      context,
+      files: {
+        'index.ts': `export { default as MyButton } from './MyButton.vue'`,
+        'MyButton.vue': `<template><button :class="$style.btn">Click</button></template>
+<style module>
+.btn { color: red; }
+</style>`,
+      },
+      options: {
+        plugins: [Vue({ isProduction: true })],
+        deps: { skipNodeModulesBundle: true },
+        css: { modules: { generateScopedName: 'mod_[local]' } },
+      },
+    })
+    expect(outputFiles).toContain('index.mjs')
+    expect(outputFiles).toContain('style.css')
+    expect(fileMap['style.css']).toContain('.mod_btn')
+    expect(fileMap['index.mjs']).toContain('mod_btn')
+  })
+
   test('#903', async (context) => {
     const { outputFiles } = await testBuild({
       context,