Vite + Uniwind breaks `dark:` prefixes

[mkmakes]

What happened?

Using Uniwind outside Expo with just Vite and React Native Web will cause dynamically generated theme class with the dark: prefixes to be bugged with the following error:

[vite] Internal server error: [lightningcss] failed to deserialize; expected an object-like struct named Specifier, found ()

The dark: token will break the build if it is detected anywhere by the static analysis, meaning even inside:

• Code comments
• Unreferenced files
• Even the README.md!

Steps to Reproduce

1. Clone the reproduction repo
2. Prefix dark: to any dynamically generated Tailwind class that index.css specifies, such as dark:text-muted

// src/main.tsx
<Text className="flex justify-center p-10 text-foreground text-6xl dark:text-muted">
  Hello World
</Text>

Snack or Repository Link

https://codeberg.org/mkcodes/vite-uniwind-dark/

Uniwind version

1.7.0

React Native Version

N/A

Platforms

Web

Expo

No

Additional information

• I've searched for similar issues in this repository and found none

[mkmakes]

This issue has been automatically closed because it lacks a clear, minimal reproduction that we can use to verify the reported bug.

This is incorrect. All fields were filled, and minimal reproduction code is supplied with clear instructions. Bug with the bot?

Anyone able to reopen issue, or have guidance on how to proceed?

EDIT: Thanks!

[Brentlok]

You're using vite 8 which introduced some breaking changes and it's not yet supported, but there's ongoing work on adding it. Lightningcss crash is caused due to regression that lightningcss introduced in the latest versions, but we can patch it just for uniwind

[Brentlok]

https://github.com/uni-stack/uniwind/releases/tag/v1.8.0

[mkmakes]

Thank you so much!