[Utility class] class doesn't exist. If `[Utility class]` is a custom class, make sure it is defined within a `@layer` directive.

I have created a StackBlitz reproduction of the issue.

Describe the bug:

I had TailwindCSS version ^3.0.5 and wanted to upgrade to ^3.0.13. After upgrade, I saw a couple of errors in my console. Specifically, Tailwind is not able to recognize @layer utilities with @apply anymore.

Steps to reproduce:

1. Open the minimal reproduction
2. See in HelloWorld.vue that I have @apply my-custom-class
3. Then open src/css/tailwind.css and see that my-custom-class is defined under @layer utilities
4. Run the app and Observe the error

[nemanjam]

I also have broken classes from @layer utilities in @apply after upgrading from "tailwindcss": "^3.0.8" to "tailwindcss": "^3.0.15".

Why is such big breaking change introduced in such minor patch? Or is it a bug?

The `link-primary` class does not exist. If `link-primary` is a custom class, make sure it is defined within a `@layer` directive.

[Areskul]

it was due to my bad usage of tailwind config. I wasn’t using the “extend” property, so It overwrote the whole base config