CSS Modules - class names not mangled in @scope rule

[mrginglymus]

Describe the bug

In a css modules file, for an input of

@scope (.foo) {
  .bar {
    color: blue;
  }
}

I expect an output of (e.g.)

@scope (.EgL3uq_foo) {
  .EgL3uq_bar {
    color: blue;
  }
}

Both lightningcss and postcss, used via their respective apis directly, do this transform correclty.

However, vite does not mangle the class name selector in the @scope at-rule, resulting in:

@scope (.foo) {
  ._bar_16phc_6 {
    color: blue;
  }
}

Reproduction

https://stackblitz.com/edit/vitejs-vite-xyfgcb?file=main.js,index.html,style.module.css&terminal=dev

Steps to reproduce

No response

System Info

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

[mrginglymus]

Further investigation suggests that css-modules/postcss-modules-local-by-default#71 fixes this, released in 4.0.4. I will attempt to raise a PR updating it.