Fails to process bootstrap 5

[folknor]

Hi,

I just changed from the old CSS optimizer in the parcel pipeline to this new one and it's giving me an error;

🚨 Build failed.

@parcel/optimizer-css: Unexpected identifier: -ms-any

  /.../index.HASH_REF_0d28f308d278f58a.css:7086:23
    7085 | 
  > 7086 | .form-control:-ms-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-ms-browse {
  >      |                       ^
    7087 |   border-left-width: 1px;
    7088 |   margin-left: .75rem;

 ELIFECYCLE  Command failed with exit code 1.
 ELIFECYCLE  Command failed with exit code 1.
 ELIFECYCLE  Command failed with exit code 1.

The CSS in question is probably generated from bootstrap 5's code here https://github.com/twbs/bootstrap/tree/main/scss/forms but frankly I'm not sure. Grepping the SCSS for .form-control does not present any immediate candidates, nor does grepping for border-left-width or margin-left.

The only other CSS in the project is a bit of handwritten CSS and parts of fontawesome 6.

I use essentially the same toolchain for dozens of projects, and this is the first one I transitioned from the old postcss to parcel-css. The line form-control:-ms-any(:lang(ae) ... doesn't appear in the compiled CSS of any of my projects, pre-minification or post.

Please help! :-D Also please let me know if I should've filed this in the parcel main project. I wasn't sure. Thank you.

I run the nightly tag for parcel from npm, updated as of a few minutes ago, so 2.0.0-nightly.1040 / 1042 / 2665.