Tailwind extracted components and <style vars scoped> incompatiblity

[brandonlee781]

Version

3.0.0-rc.1

Reproduction link

https://github.com/brandonlee781/vue3-tailwind

Steps to reproduce

1. Run terminal command "npm run dev"

What is expected?

The custom colors should appear on the button

What is actually happening?

The compiler is adding the component scoped data name to the var() but not the css variable declaration, so the colors are not being used.

---

I know vars are experimental and this is probably an edge case, but I figured it was worth mentioning. If either the scope or vars are removed the colors work just fine.