One big performance opportunity for mobile first approaches, like tailwind , lies in the opportunity to tie external CSS to media queries. Please consider splitting global CSS into seperate files aligned to the used breakpoints available.
for example
<link href="default.css" rel="stylesheet">
<link href="mobile.css" media="screen and (max-width: 767.98px)" rel="stylesheet">
<link href="tablet.css" media="screen and (min-width: 768px) and (max-width: 1083.98px)" rel="stylesheet">
<link href="desktop.css" media="screen and (min-width: 1084px)" rel="stylesheet">