Possibly incorrect css-syntax-error?

[brc-dd]

Describe the bug

Prettier formats some code like this:

:is(.vp-external-link-icon, .vp-doc a[href*=':/\/'], .vp-doc a[target='_blank']):not(.no-icon) {
  color: red;
}

to

:is(
    .vp-external-link-icon,
    .vp-doc a[href*=":/\/"],
    .vp-doc a[target="_blank"]
  ):not(.no-icon) {
  color: red;
}

But vite complains with the latter syntax:

warnings when minifying css:
▲ [WARNING] Unexpected whitespace [css-syntax-error]

    <stdin>:2:4:
      2 │ :is(
        ╵     ^

If this is expected behavior, let me know. I'll create an issue at prettier.

PS: vite@v4.3.9 doesn't give that warning

Reproduction

https://stackblitz.com/edit/vitejs-vite-yqhx6w?file=style.css&terminal=dev

Steps to reproduce

Run vite build

System Info

vite/4.4.5 linux-x64 node-v16.20.0 (stackblitz)

Used Package Manager

npm

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 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.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-yqhx6w (Open reproduction)

[bluwy]

I think the error is coming from esbuild. It recently started parsing :is()