Extract styles 4 10 / 17
Keep your "component" styles above @tailwind utilities;. This way, utility classes can still override individual styles:
<button
class="btn btn-primary lowercase"
>Button</button>
In the example, the style .p-4 is not applied as it doesn't meet the criteria above. You can use the devtools to confirm that the value of .p-4 is being overwritten by .btn.
Try fixing the issue.