CSS minification bug introduced in v2.3.8, breaking styles.

[craigrileyuk]

Describe the bug

In v2.3.8 of Vite, a bug is introduced where CSS is incorrectly minified. Spaces are removed in certain places which breaks the style rules.

Reproduction

https://github.com/craigrileyuk/vite-css-compilation-issue

System Info

System:
    OS: macOS 11.4
    CPU: (8) x64 Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz
    Memory: 28.14 MB / 32.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.15.5 - ~/.nvm/versions/node/v14.15.5/bin/node
    Yarn: 1.22.10 - ~/.nvm/versions/node/v14.15.5/bin/yarn
    npm: 7.17.0 - ~/.nvm/versions/node/v14.15.5/bin/npm
  Browsers:
    Chrome: 91.0.4472.114
    Edge: 91.0.864.54
    Firefox: 89.0.1
    Firefox Developer Edition: 87.0
    Safari: 14.1.1
  npmPackages:
    @vitejs/plugin-vue: ^1.2.3 => 1.2.3 
    vite: ^2.3.8 => 2.3.8 

Used package manager: npm

Reproduction Process -->

1. Run npm run dev
2. Click on the color picker
3. Inspect the swatch gradient element that appears
4. Find the following CSS rule:

.p-colorpicker-panel .p-colorpicker-color {
	background: transparenturl("/node_modules/primevue/resources/images/color.png") no-repeat left top;
}

5. Notice how 'transparent' and 'url' are smushed together, breaking the styling.

---

[patak-dev]

Thanks for the report. Duplicate of #3922, this has been solved in #3926

[github-actions]

This issue gets locked because it has been closed for more than 14 days.