PrimeVue Theme Preset Not Applied in Chrome Extension Popup Using Vite

[eboraks]

I'm developing a Chrome extension using Vite, Vue.js 3, and PrimeVue. I want to use a PrimeVue theme preset in my project, but the theme isn't being applied in the extension popup.

Here is a screenshot of the popup out of the box, as you can see the button doesn't have the theme style.

This is my main.js

import { createApp } from 'vue';
import App from './App.vue';
import PrimeVue from 'primevue/config';
import Lara from '@primevue/themes/lara';

const app = createApp(App);
app.use(PrimeVue, { theme: { preset: Lara } });
app.mount('#app');

This is my vite.config.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern-compiler'
      }
    }
  },
  plugins: [
    vue()
  ],
  build: {
    rollupOptions: {
      output: {
        entryFileNames: 'assets/[name].js',
        chunkFileNames: 'assets/[name].js',
        assetFileNames: 'assets/[name].[ext]'
      }
    }
  }
});

What is the write way in vite.config.js to have it use the preset theme and add it to the CSS in the dist folder?