Peer class incorrectly prefixed

[jordan-paz]

Installed sidebar in a project with tailwind prefix config (tw-). None of the peer class styles were working.

After installing the sidebar, components had the peer class not prefixed, i.e. peer. Components that use any peer- variants are prefixed with tw-. For example: tw-peer-data-[size=sm]/menu-button:top-1.

Unfortunately, none of the peer styles were working. I found this section in the tailwind docs:

It’s important to understand that this prefix is added after any variant prefixes. That means that classes with responsive or state prefixes like sm: or hover: will still have the responsive or state prefix first, with your custom prefix appearing after the colon

I wasn't sure if this applies to the peer class, but it got me suspecting something was wrong with the syntax. So I tried a few things out and found that adding the prefix to the peer class and removing the prefix on the tw-peer-[] variant classes fixed the issue.

- peer/menu-button
+ tw-peer/menu-button

- tw-peer-data-[size=sm]/menu-button:tw-top-1
+ peer-data-[size=sm]/menu-button:tw-top-1

Has anyone else experienced issues with the peer styles not being applied in a project using prefixes?