Build Error: Parsing css source code failed about next.js

[timneutkens]

With webpack we use postcss currently, which is much slower.

[timneutkens]

I've opened a PR to remove the invalid CSS from the library that you're using: formio/formio.js#5635.

[timneutkens]

They landed the change! I'm going to close this issue as it's not a bug in Turbopack 🙏 Thanks for the report though!

[timneutkens]

Was able to verify that the root cause is this package CSS file you're using: https://unpkg.com/@formio/[email protected]/dist/formio.full.min.css

When that is put into the Lightning CSS playground it highlights an error on this declaration:

.formio-dialog.formio-dialog-theme-default .formio-dialog-buttons {
  *zoom: 1;
}

Specifically * is invalid here so it fails to compile. I did some digging as to why someone might add that * in front of a property, turns out it's related to IE7. Seems that library can safely remove that CSS rule as it's invalid CSS 🤔

Specific code is here: https://github.com/formio/formio.js/blame/e1f926e090cf6d36e7cd05e58fb231a939b3ab30/src/sass/formio.form.scss#L703-L705

[balaji-sivasakthi]

@timneutkens how it is being parsed in normal mode? Only happened in turbo mode