Tailwind CSS: La clase `outline` no existe. Sin embargo, esto no es un estilo personalizado, sino una clase del framework.

En un nuevo proyecto, obtengo un comportamiento extraño donde todo funciona como se espera, excepto para el contorno y relacionados: https://tailwindcss.com/docs/outline-style

El error recibido:

La clase outline no existe. Si estás seguro de que outline
existe, asegúrate de que cualquier declaración @import se esté procesando correctamente antes de que Tailwind CSS vea tu CSS, ya que @apply solo puede ser utilizado para clases en el mismo árbol CSS.

Esto está en un @apply para un componente, por ejemplo:

    .button {
        @apply bg-primary hover:bg-secondary;
    }

.primary {
    @apply border-2 md:border-none border-primary md:border-transparent;
}

Sin embargo, esto no funciona:

    .outline {
        @apply outline outline-2 outline-offset-2 focus:outline-yellow-500;
    }

Para asegurarse de que esto esté en el mismo árbol de importación, se aplican en index.css como parte de la capa de componentes:

   @layer components {
      ...
   }

Cualquier idea sobre esto será muy apreciada, ya que ninguna de las referencias (documentación de Tailwind ni errores en su repositorio) aborda este problema de manera practicable, cada ejemplo encontrado apunta a un error del usuario. Lo cual puede ser el caso aquí, pero aún no encuentro el problema.