Moving To tailwind 2.0 TDD Application series

Hi, I have been learning new development techniques on a project that was based on one of the tutorials I completed on here. Since then I have tried updating the tailwind version which has caused issues. However when I compile now I get error's in the customer CSS classes Jeffrey used in the series.

The error (33:10) /var/www/html/resources/sass/app.scss The bg-button class does not exist, but bg-bottom does. If you're sure that bg-button exists, make sure that any @import statements are being properly processed before Tailwind CSS sees your CSS, as @apply can only be used for classes in the same CSS tree. 32 | .button {

33 | @apply bg-button no-underline rounded-lg text-sm py-2 px-2; | ^ 34 | color: white; 35 | }

Set up -

app.scss @import 'components/button'; button { @apply text-default; }

tailwind config - colours - button: 'var(--button-background-color)',

Any ideas would be hugely helpfully? I've removed the . infront of the bg-button as that what the tailwind upgrade documents state.

feature https://github.com/pandarhys/pac-master/tree/feature/20210901_upgrade_tailwind