Can't make purgecss work with Nuxt 3

[wJoenn]

I made a basic Nuxt 3 app with npx nuxi@latest init
I installed sass, and @fullhuman/postcss-purgecss as devDependencies. Then I configured my nuxt.config.ts like so

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  css: [
    "~/assets/stylesheets/application.scss"
  ],
  postcss: {
    plugins: {
      "@fullhuman/postcss-purgecss": {
        mode: "postcss",
        enabled: true,
        content: [
          "~/pages/**/*.vue"
        ]
      }
    }
  },
})

I have a single pages/index.vue file with a unused class selector

<style scoped lang="scss">
 .apple {
    color: blue;
  }
</style>

And I have a single unused class selector in my application.scss file

.pomme {
  color: green;
}

And yet both appear in my source files when I inspec my local host.

I tried installed and adding ["nuxt-purgecss", { enabled: true }] to my nuxt config modules too, same result.
I don't understand how I'm supposed to set this up