bug: Flyonui + NextJS not compatible with default dev mode with turbopack

[jimjaeger]

What version of FlyonUI are you using?

1.2.0

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://stackblitz.com/edit/flyonui-next-k5drvk?file=app%2Flayout.tsx

Describe your issue

Hi,

steps to reproduce:

1. Take your default NextJS sample: https://stackblitz.com/edit/flyonui-next-k5drvk?file=app%2Flayout.tsx
2. Change the npm dev to the default next dev --turbopack
3. run npm run dev
4. open in browser

Expected result: no issues
Actual result: css errors
'is-valid' is not recognized as a valid pseudo-class. Did you mean '::is-valid' (pseudo-element) or is this a typo? at [project]/app/globals.css:4543:25

[github-actions]

Hi @jimjaeger

Thank you for your support in helping us improve FlyonUI!

We’ve received your submission and will respond within few business days. Our team handles issues one at a time, and we’ll be reviewing yours as soon as possible.

In the meantime, any additional details or a reproducible example would be greatly appreciated and will help us resolve the issue more efficiently.

Thank you for your patience and understanding!

[PruthviPraj00]

Hello @jimjaeger,

Yes, it is a typo error. We’ve noted the issue and @lilabyte #30 has already submitted a pull request addressing it. This will be resolved in the next release.