Vue 2 Deep Selectors issue with LightningCSS

[level7in]

When using Vue 2 with LightningCSS (via vite.config.ts), the following warning appears:

[lightningcss] ** is not recognized as a valid pseudo-class selector

This occurs because LightningCSS doesn't recognize the pseudo as a valid pseudo-class, even though it's a valid Vue.js scoped CSS feature.

We can apply the same warning suppression mechanism from vite-plugin-vue to vite-plugin-vue2. The fix suppresses the specific warning about v-deep and deep pseudo-classes in LightningCSS.

There is a repo reproduce

I'm preparing a PR.

References

• vite-plugin-vue Issue #507
• vite-plugin-vue Pull Request #521
• Vue Deep Selectors Documentation
• stackoverflow