twind integration with islands does not always work

Hi,

I’m having an issue where, if a page contain a tailwind class hidden sm:block on an element and the page also contain an island that also uses the hidden with a media query like hidden md:block, on a different element, Then the element on the outer page will be always hidden.

If i remove the island, the hidden behavior of the page element is correct.

I’m using twind similar to the doc section example

// client_deps.ts
import { apply, setup, tw } from "https://esm.sh/twind@0.16.16";
export { apply, setup, tw };
if (IS_BROWSER) {
  setup({});
}

Repro at https://github.com/sylc/repro_fresh_hidden_mq

[lucacasonato]

@sylc Insanely hacky fix: https://github.com/denoland/dotland/pull/2214. I will address this properly soon.

[sylc]

this has been fixed by the new twind plugin.