I think the primary advantage of tailwind comes when you use it with JS components e.g. React, Vue, etc.

Instead of writing ".widget a" which will leak into its child components' anchor tags, you just directly style the anchor tags of the parent widget <a class="bold text-center">

This keeps css simple and isolated so you don't need to waste time trying to figure out the specificity to override some style