1.9.4 broke styles

[dan-dazlab]

Environment

"@vueform/builder": "1.9.4",
"@vueform/vueform": "1.12.6",

Reproduction

instal and build I think

Describe the bug

"@vueform/builder": "1.9.4"
effects styles of Settings, Theme and Elements tabs
"@vueform/vueform": "1.12.6" effects also but less

"@vueform/builder": "1.9.3",
"@vueform/vueform": "1.12.5",

rollback works well

Additional context

No response

Logs

[adamberecz]

Could you point out what is affected?

Here everything seems to be fine on the first glance:
https://stackblitz.com/edit/github-1etmvzr4?file=src%2FApp.vue,package.json,package-lock.json

[dan-dazlab]

I tried sandbox and it works there. I'll try to reproduce it there when I have time.
Now on local I have following on the mentioned new versions and ok state if I set previous.

[dan-dazlab]

I've found the issue it might help someone.

I use npm workspaces and I had wrong tailwind pathes, I thing. It's strange that it works on earlier versions, with common js configs from the docs.

There is the correct settings:

tailwind.config.ts

import type { Config } from 'tailwindcss'
import { resolve } from 'path'
import vueformTailwind from '@vueform/vueform/tailwind';
import builderTailwind from '@vueform/builder/tailwind';

// where node modules are related to current dir
const ROOT_DIR = resolve(__dirname, '../../../../../')

export default {
    content: [
        'src/**/*.{vue,js,ts,jsx,tsx}',
        // Add Vueform content paths
        'vueform.config.js',
        resolve(ROOT_DIR, 'node_modules/@vueform/vueform/themes/tailwind/**/*.vue'),
        resolve(ROOT_DIR, 'node_modules/@vueform/vueform/themes/tailwind/**/*.js'),
        // Add Vueform Builder content paths
        resolve(ROOT_DIR, 'node_modules/@vueform/builder/**/*.js'),
        resolve(ROOT_DIR, 'node_modules/@vueform/builder/**/*.css')
    ],
    darkMode: 'class',
    corePlugins: {
        preflight: false, // Disable Tailwind's reset to avoid conflicts with Bootstrap
    },
    plugins: [
        vueformTailwind,  // Add the Vueform Tailwind plugin
        builderTailwind,  // Add the Vueform Builder Tailwind plugin
    ],
} as Config

vite.config.ts:

// vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import builder from '@vueform/builder/vite'
import tailwindcss from 'tailwindcss'
import autoprefixer from 'autoprefixer'
import { resolve } from 'path'

const ROOT_DIR = __dirname;

// https://vitejs.dev/config/
export default defineConfig({
  // I build it from different folder, my package.json is in ../../
  root: 'assets/vueformbuilder',
  plugins: [
    vue(),
    builder(),
  ],
  build: {
    // general build directory for form and builder
    outDir: '../dist/vueformbuilder',
    emptyOutDir: true,
    }
  },
  css: {
    postcss: {
        // hot reload on tailwind config change works with this rather than postcss.config.ts
        plugins: [
            tailwindcss({
                config: resolve(ROOT_DIR, 'tailwind.config.ts')
            }),
            autoprefixer(),
        ]
    },
  },
})