When using laravel-mix to compile .scss or .sass, the following code does not compile:

// main.scss
@tailwind preflight;
@tailwind components;

.example-component {
  @apply .text-black !important;
}

@tailwind utilities;

Gives the error:

Invalid CSS after "...ply .text-black": expected "}", was "!important;"

I have created a repository with full instructions on how to reproduce:
https://github.com/kiteframe/tailwind-important-sass

The issue does not occur when using a .less file and mix.less().

Thank you for all your hard work with Tailwind!