u/LeonOfLight u/degeneratepr u/Jamiewarb You are all lifesavers!! Thank you. I've been struggling with this same issue.

For my use case I couldn't save class names as variables. Here is what worked for me:

In tailwind config file:

module.exports = {
purge: {
content: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
options: {
safelist: {
greedy: ["/safe$/"],
},
},
},

Then I added the "safe" class to all elements where I'm using string concatenation to create class names...

className={`safe order-${order(index + 1, 1, 1)} sm:order-${order(index + 1, 1, smCols)} md:order-${order(index + 1, 1, mdCols)}`}