I'm using Tailwind CSS v4 in my Next.js project and getting the following errors in globals.css:

Unknown at rule @plugin css(unknownAtRules)
Unknown at rule @custom-variant css(unknownAtRules)
Unknown at rule @theme css(unknownAtRules)
Unknown at rule @utility css(unknownAtRules)
Unknown at rule @variant css(unknownAtRules)
Unknown at rule @apply css(unknownAtRules)
Unknown at rule @source css(unknownAtRules)
Unknown at rule @reference css(unknownAtRules)

Here is my globals.css file:

@import "tailwindcss";

@plugin "tailwindcss-animate";

@custom-variant dark (&:is(.dark *));

@theme inline {
  /* theme customization */
}