Metronic Tailwind CSS [Cannot read properties of undefined (reading 'light')]

Following the instructions here

https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/laravel

I'm trying to integrate it with flowbite , my frontend public facing is flowbite , using metronic for dashboard



vite v5.4.8 building for production...
✓ 1 modules transformed.
x Build failed in 1.64s
error during build:
[vite:css] [postcss] Cannot read properties of undefined (reading 'light')
file: /var/www/example.com/resources/css/app.css:undefined:NaN
at getComponentBackgroundColors (/var/www/example.com/resources/metronic/core/plugins/components/theme.js:73:63)
at /var/www/example.com/resources/metronic/core/plugins/components/theme.js:132:7
at registerPlugins (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupContextUtils.js:815:61)
at createContext (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupContextUtils.js:1221:5)
at getContext (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupContextUtils.js:1278:19)
at /var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupTrackingContext.js:118:81
at /var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/processTailwindFeatures.js:46:11
at plugins (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/plugin.js:38:69)
at LazyResult.runOnRoot (/var/www/example.com/node_modules/.pnpm/postcss@8.4.47/node_modules/postcss/lib/lazy-result.js:329:16)
at LazyResult.runAsync (/var/www/example.com/node_modules/.pnpm/postcss@8.4.47/node_modules/postcss/lib/lazy-result.js:258:26)
 ELIFECYCLE  Command failed with exit code 1.