Problema com animações do Tailwindcss no starter-example do dashboard

No arquivo 'tailwind.config.ts' há a seguinte configuração de uma animação personalizada:

keyframes: {
    shimmer: {
        '100%': {
            transform: 'translateX(100%)',
        }
    }
}

No entanto, isso parece impedir a utilização das outras animações padrão do Tailwindcss.
Para resolver isso eu movi essa config para dentro de 'extend' ao invés de deixa-la diretamente dentro de 'theme'

E então ficou assim:

theme: {
    extend: {
      gridTemplateColumns: {
        '13': 'repeat(13, minmax(0, 1fr))',
      },
      colors: {
        blue: {
          400: '#2589FE',
          500: '#0070F3',
          600: '#2F6FEB',
        },
      },
      keyframes: {
        shimmer: {
          '100%': {
            transform: 'translateX(100%)',
          },
        },
      }
    },
  }

Espero ter ajudado alguém que passou pelo mesmo problema, desejo bons código :)

Open tailwind.config.ts in the dashboard starter-example and compare the custom keyframes placement with Tailwind CSS theme configuration. Verify that the shimmer animation remains available while the default Tailwind animations are restored, then check the starter-example output or its existing validation workflow.