Critical CSS for Above-the-fold Content

[rahul3103]

How to add critical CSS in head? Is there any way to do in Next js?
Can it be done by adding data-css-critical=true and all the css for that will be added to the head?
Is there any current solution ? i am using Tailwind and I don't know who should support this at build time Next js or Tailwind.

<ul bg-red h-20 w-20 data-css-critical>
   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
   <li>Vestibulum auctor dapibus neque.</li>
</ul>