Vite - URI Malformed Error for CSS Imports

[seanmcquaid]

What version of Remix are you using?

2.2.0

Are all your remix dependencies & dev-dependencies using the same version?

• Yes

Steps to Reproduce

Repo Link : https://github.com/seanmcquaid/remix-panda-vite-issue-repo/tree/main

1. Install deps
2. Start the app
3. Notice that you get a URI malformed error, even after adding the ?inline query param as instructed.

Expected Behavior

I would expect that the CSS import would work and the URI malformed error would not be thrown.

Actual Behavior

The URI Malformed error is being thrown.

[seanmcquaid]

Figured this out, you need to add ?url as a query param to the CSS file name. However, I am seeing the same issue as #7786 and the prod build does not bundle the CSS correctly.