add tailwind jit as a first element in the header

tailwind jit styles was added as a last element in the head section so we couldnt do general styles for the h2 , h3 ..etc it was always taking the inherent style for them so we had to add it first element inside the head so our styles files comes next and override the jit styles file

This is by design. Tailwind JIT is operating on theme level, so it always should load last, after any CSS from parent themes or modules.

To solve your problem, use the @layer base { ... } directive from Tailwind, which orders your CSS styles.

Or, if you don't want Tailwind's base styles at all, better do not include it in the Tailwind CSS input file:

@tailwind base; // <<< remove this line
@tailwind components;
@tailwind utilities;