test(css): css module compatibility issue and workaround verification

[NriotHrreion]

See #2992

Overview

see #2992 (comment)

There are some css module compatibility issues between postcss and vite, which has been solved by a vite plugin https://github.com/privatenumber/vite-css-modules. For vinext, we need to verify the vite-css-modules plugin could resolve the compatibility issue completely, and recommend users to install vite-css-modules plugin during vinext init.

What changed

• Add fixture
• Add test to assert failure
• Verify the effect of vite-css-modules

Verification

• Fixtures: css-module-compatibility and css-module-compatibility-fixed
• pnpm test tests/css-module-compatibility.test.ts

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@vinext/cloudflare@3000

npm i https://pkg.pr.new/create-vinext-app@3000

npm i https://pkg.pr.new/@vinext/types@3000

npm i https://pkg.pr.new/vinext@3000

commit: 834e46c

[github-actions]

Performance benchmarks

Compared 834e46c against base 52c81f3 using alternating same-runner rounds. Next.js was unchanged and skipped.

0 improved · 0 regressed · 6 within ±1.5%

Scenario	Framework	Baseline	Current	Change
Client bundle size (gzip)	vinext	141.4 KB	141.4 KB	⚫ +0.0%
Client entry size (gzip)	vinext	128.8 KB	128.8 KB	⚫ 0.0%
Dev server cold start	vinext	3.14 s	3.11 s	⚫ -1.0%
Production build time	vinext	3.49 s	3.49 s	⚫ +0.1%
RSC entry closure size (gzip)	vinext	115.6 KB	115.6 KB	⚫ +0.0%
Server bundle size (gzip)	vinext	196.8 KB	196.8 KB	⚫ +0.0%

View detailed results and traces

_{🟢 improvement · 🔴 regression · ⚫ change below 1.5% · paired base/head}

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: e397350718

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".