How to use Tailwind CSS utility classes within SCSS?

Unfortunately I don't have any experience with either Tailwind nor nextjs. However, I do have experience with .scss, as I personally use it with Twitter Bootstrap for DaniWeb.

I did some quick Googling and I'm confused what you mean by helping you to figure out how to use it. My understanding is that you simply need to add @apply md:text-xl to your SCSS in order to insert the CSS Tailwind uses for XL font size for only medium screen resolutions or higher for a particular CSS selector.

Do you have experience working with SCSS files?

This is just a shot in the dark, but I assume you'd do something like:

.selector { @apply md:text-xl }

within your SCSS.

you dont have to do any setup other than installing sass package out of the box supports that it will be showing error on vsc but its not a problem

.selector {
 @apply md:text-xl 
}

will work fine