I am looking at the example project for angular: https://github.com/keenthemes/metronic-tailwind-html-integration/blob/main/metronic-tailwind-angular/angular.json

Here the "src/assets/css/styles.css" is imported last. It should therefore overwrite classes with the same name of imports before this. (tailwind color class e.g.)

Here my issue: If I define common classes in "src/tailwind.css", these should be overwritten by "src/assets/css/styles.css" ? (I dont want this)

To use tailwind I need @import "tailwindcss" though. Otherwise I cant use something like "@apply text-gray-400".

So this makes it kind of impossible to load the css in this order:

* tailwind.css
* styles.css
* custom css file (with tailwind syntax)

How is this supposed to work?