Describe the bug

Step to Reproduce:

• npm run dev: Things work well in dev mode, the text is getting bigger.
• npm run build && npm run preview: Breaks, the text size is static.

Explanation:

• vite:css plugin will transform style code via postcss (postcss-csso), then the v-bind(font + 'px') will be transformed to v-bind(font + "px") (single quote to double quote)
• @vue/compiler-sfc will use different keys to generate css-var name:
  • use hash(id + `font + 'px'`) -> 6507bc59 in script block
  • use hash(id + `font + "px"`) -> 65057679 in style block

Reproduction

https://stackblitz.com/edit/vitejs-vite-ovp8hf?file=vite.config.ts

System Info

Not Related

Used Package Manager

pnpm

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.