Стили PrimeVue как «не определены» в приложении Nuxt 3

Что происходит?

Моя цель — зарегистрировать PrimeVue как модуль и правильно импортировать компоненты PrimeVue в мои макеты с предустановленными стилями по умолчанию.

Дело в том, что когда я проверяю кнопку в браузере, у нее есть классы PrimeVue, но переменные стиля, такие как цвета, не определены.

Например:

--p-button-primary-color не определен

Что я пробовал?

Используя последнюю версию всего и следуя этому руководству:

https://primevue.org/nuxt/

Мой nuxt.config.js выглядит так:

export default defineNuxtConfig({
  ssr: false,
  css: ["@/assets/style/app.scss"],
  components: {
    dirs: ["~/components"],
  },
  modules: [
    "@pinia/nuxt",
    "nuxt3-notifications",
    "@nuxt/eslint",
    "dayjs-nuxt",
    '@nuxtjs/tailwindcss'
    '@primevue/nuxt-module'
  ],
  primevue: {
    preset: "Aura",
    options: {
      prefix: 'p',
      cssLayer: false
    }
  },
  dayjs: {
    locales: ['es', 'en'],
    plugins: ['relativeTime', 'utc', 'timezone'],
    defaultLocale: 'es',
    defaultTimezone: 'Europe/Madrid',
  },
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },
  devtools: { enabled: true },
});

И компонент, который я пытаюсь импортировать, следующий:

<Button label = "Check" icon = "pi pi-check" />