creating a bundle using "vite build" .. tailwind safelist not working as expected.

[sandeep-gh]

I have vite+tailwind setup where I create a bundle using vite build.
I am not sure whats wrong with the config but the safelist classes do not show up in style.css.
The complete code is here

My tailwind.config.js looks as follows:

import { join } from 'path';
import type { Config } from 'tailwindcss';
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';

export default {
   darkMode: 'class',
   content: ['./src/**/*.{html,js,svelte,ts}'
   ],
         	  safelist: ['absolute', 'bg-amber-100', ...'],

   plugins: [
      forms,
      typography
   ]
} satisfies Config;

while vite.config.ts

import { defineConfig } from 'vite';
import { svelte } from '@sveltejs/vite-plugin-svelte';
import { purgeCss } from 'vite-plugin-tailwind-purgecss';

import postcss from './postcss.config.ts';

// https://vitejs.dev/config/
export default defineConfig({
   plugins: [svelte(),
   purgeCss({
			safelist: { standard: ['badge']},
		}
		)
   ],
   css: { postcss

},
   build: {
    lib: {
      entry: 'src/main.ts', // Specify the entry file for the bundle
      name: 'jpComponentBuilder', // Specify the global variable name for the bundle
      formats:['iife'],
      fileName: 'bundle', // Specify the name of the bundle file
    },
    rollupOptions: {
      output: {
      },
    },
  },
  
  });

The postcss.config.ts is configured as:

import tailwind from 'tailwindcss';
import autoprefixer from 'autoprefixer';
import tailwindConfig from './tailwind.config.ts';

export default {
  plugins: [tailwind(tailwindConfig), autoprefixer]
};

Not sure where the setup is incorrect. Any pointers would be quite helpful.

[codewizard-dt]

I'm running into the same issue. Vite is pulling everything else correctly from the config (colors, theme, etc) but not safelist