Deleting token in a transformer causing hmr error in nuxt

[RebeccaStevens]

UnoCSS version

0.58.5

Describe the bug

Calling tokens.delete(token) within a transformer results in an endless loop of errors and network requests for index.vue and __uno.css.

Contents of those two files:

import { createHotContext as __vite__createHotContext } from "/_nuxt/@vite/client";import.meta.hot = __vite__createHotContext("/pages/index.vue?macro=true");
const __nuxt_page_meta = null
export default __nuxt_page_meta

// Vite
if (import.meta.hot) {
  import.meta.hot.accept(mod => {
    Object.assign(__nuxt_page_meta, mod)
  })
}
// webpack
if (import.meta.webpackHot) {
  import.meta.webpackHot.accept((err) => {
    if (err) { window.location = window.location.href }
  })
}

import {createHotContext as __vite__createHotContext} from "/_nuxt/@vite/client";
import.meta.hot = __vite__createHotContext("/__uno.css");
import {updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle} from "/_nuxt/@vite/client"
const __vite__id = "/__uno.css"
const __vite__css = "..."
__vite__updateStyle(__vite__id, __vite__css)
import.meta.hot.accept()
import.meta.hot.prune(()=>__vite__removeStyle(__vite__id))
if (import.meta.hot) {
    try {
        let hash = __vite__css.match(/__uno_hash_(\w{6})/)
        hash = hash && hash[1]
        if (!hash)
            console.warn('[unocss-hmr]', 'failed to get unocss hash, hmr might not work')
        else
            await import.meta.hot.send('unocss:hmr', ['__ALL__']);
    } catch (e) {
        console.warn('[unocss-hmr]', e)
    }
    if (!import.meta.url.includes('?'))
        await new Promise(resolve=>setTimeout(resolve, 100))
}
document.querySelectorAll(`link[href="/_nuxt/__uno.css"]`).forEach(i=>i.remove())
document.querySelectorAll(`link[href="/_nuxt/@fs/__uno.css"]`).forEach(i=>i.remove())

Reproduction

I tried recreating a minimal example but couldn't.

Essentially what my transformer is doing is looking for tokens and replacing them with that token prefixed with a variant group.
e.g. Changing all uses of text-red to lg:text-red.

tokens.delete("text-red") is causing the issue. If I don't remove the token, everything works fine but extra CSS is generated.

System Info

Nuxt: 3.10.3

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[RebeccaStevens]

Workaround solution for now:

if (config.envMode === "build") {
	// For some reason this fails in dev so only do it during build.
	tokens.delete(token);
}