Estoy usando twin.macro y ninguna de las animaciones funciona desde la biblioteca CSS de Tailwinds.

 import tw from 'twin.macro' /** @jsxImportSource @emotion/react */ export const AppRouter = () => { useEagerConnect() useNetworkListener() useBlockNumberListener() useVerifyTransaction() useInitSetup() useEffect(() => { if (localStorage.getItem('darkMode') === 'true') { document.documentElement.classList.add('dark') } }, []) const PrimaryButton = tw.button`m-auto mt-0 h-20 w-20 bg-black-100 animate-bounce` return ( <> <div tw='m-auto ml-10 h-20 w-20 animate-pulse bg-black-400'>test</div> <PrimaryButton> Hello </PrimaryButton> </> ) }

¿Hay algo que esté haciendo mal con mi archivo de configuración? o he configurado twin mal?