[turbopack] css source code failed: filter: alpha(opacity=100)

[daniel-koudouna]

What version of Turbopack are you using?

Next 13.2.4-canary.4

What package manager are you using / does the bug impact?

Yarn v1

What operating system are you using?

Windows

Describe the Bug

Turbopack is not able to compile some CSS which contains an alpha filter with an opacity=N setting. This seems to be an older filter for IE 5~9, but seems to be valid CSS regardless. I am using a node package which uses this CSS, resulting in an error when navigating to "/":

error - [parse] [project-with-next]/node_modules/react-responsive-carousel/lib/styles/carousel.css  [project-with-next]/node_modules/react-responsive-carousel/lib/styles/carousel.css:229:29  Parsing css source code failed
     225 |       display: inline-block;
     226 |       margin: 0 8px; }
     227 |       .carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
     228 |         opacity: 1;
         |                              v
     229 +         filter: alpha(opacity=100); }
         |                              ^
     230 |   .carousel .carousel-status {
     231 |     position: absolute;
     232 |     top: 0;
     233 |     right: 0;
  
  Expected Declaration value

Expected Behavior

Compiling without errors

To Reproduce

yarn && yarn run dev

Reproduction Repo

https://github.com/daniel-koudouna/turbo-css-opacity-parse

[kdy1]

This is not a valid CSS syntax anymore.

See: swc-project/swc#7109 (comment)