PurgeCSS with TailwindCSS Typography (prose classes) and Hugo

[sanderjson]

Hello everyone, I am hoping for some guidance with this issue (Hugo Community forum link).

Essentially, when running PurgeCSS I am finding all prose styles removed. The classes are still in the HTML and the correct tags are listed in the content file (hugo_stats.js).

I was hoping to retain all stlyes on my content associated with class names prose, xl:prose-lg, and 2xl:prose-h1:text-6xl (examples).

Any ideas are appreciated, thank you.

// postcss.config.js
const themeDir = __dirname + '/../../';

const purgecss = require("@fullhuman/postcss-purgecss")({
    content: ["./hugo_stats.json"],
    defaultExtractor: (content) => {
        const els = JSON.parse(content).htmlElements;
        return [...(els.tags || []), ...(els.classes || []), ...(els.ids || [])];
    },
    safelist: { greedy: [/*prose*/, /prose/, /dark$/] }
});

module.exports = {
    plugins: [
        require('tailwindcss')(themeDir + 'assets/css/tailwind.config.js'),
        require('autoprefixer')({
            path: [themeDir]
        }),
        ...process.env.HUGO_ENVIRONMENT === 'production'
            ? [purgecss]
            : []

    ]
}