How to enable PurgeCSS for 3rd-part CSS

Question

I am using @mdi/font in my SSR Nuxt project.

How can I enable purgeCSS for CSS from @mdi/font?

nuxt.config.js

module.exports = {
    css: [
        '@/assets/scss/app.scss'
    ],
    ...
}

assets/scss/app.scss

@import '~@mdi/font/css/materialdesignicons';

I try to config like below, but it just remove all the css (example from purgecss.com)

nuxt.config.js

module.exports = {
    ...
    build: {
        postcss: {
            plugins: {
                '@fullhuman/postcss-purgecss': {
                    content: ['./pages/**/*.vue', './layouts/**/*.vue', './components/**/*.vue'],
                    whitelist: ['html', 'body']
                }
            }
        }
    }
}

Answer 1

I fixed it by using nuxt-purgecss

nuxt.config.js

module.exports = {
    buildModules: [
        'nuxt-purgecss'
    ]
}