Variant groups code in Markdown's code block is transformed unexpectedly

[KeroZhai]

Describe the bug

I'm using Slidev(which internally uses vite-plugin-windicss to add support for Markdown file), and variant groups code in Markdown's code block is transformed unexpectedly

Minimal Reproductions

For example, write the code below in slides.md:

```html
<span class="hover:(font-bold text-2xl)">Variant Groups</span>
```

And it will be rendered as:

<span class="hover:font-bold hover:text-2xl">Variant Groups</span>

Versions

• vite-plugin-windicss: 1.8.7
• vite: 3.0.7
• framework(vue/react/svelte/etc): vue

Additonal Context

I opened a similar issue in Slidev's repo too.