Suddenly some of the styling not working

[cafeasia3]

I am using daisyUI with laravel. I have buttons using btn-primary btn-outline, tooltip, they are working fine yesterday but today suddenly they are broken (some of them maybe) because btn-warning btn-info display correct background color. I am not sure why.

on the ss, the btn-primary here works but the text is black, should be white then other btn-primary doesnt have background color at all

why only some of them working? any ideas whats wrong here?
I tried restart npm run dev no luck. npm run build also produce broken styling

here is another page, how the buttons look like, first button correctly displayed, the others broken. button is working only styling is broken

the code for the buttons on the screenshots

                        <Link href={route('brandtoute', [brandId])} className="btn btn-error">Move Brand Menu Images</Link>
                        <button
                            onClick={() => autoUpdatePages()}
                            className="btn btn-warning"
                            disabled={autoUpdateMenuImagePages.isPending}
                        >
                            {autoUpdateMenuImagePages.isPending ? '...' : 'Auto Assign Page from Display'}
                        </button>
                        <button
                            onClick={() => refreshUpdatedAt()}
                            className="btn btn-warning"
                            disabled={refreshMenuImagesUpdatedAt.isPending}
                        >
                            {refreshMenuImagesUpdatedAt.isPending ? '...' : 'Update At'}
                        </button>
                        <button
                            onClick={() => disableMenuImages()}
                            className="btn btn-error"
                            disabled={disableAllMenuImages.isPending}
                        >
                            {disableAllMenuImages.isPending ? '...' : 'Dissable All Menu Images'}
                        </button>
                        <button
                            onClick={() => handleTempDisableMenuImages()}
                            className="btn btn-error"
                            disabled={disableAllMenuImages.isPending}
                        >
                            {disableAllMenuImages.isPending ? '...' : 'Temp Dissable All Menu Images'}
                        </button>
                        
                    </div>

my tailwind.config

const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/js/**/*.jsx',
    ],safelist: [
        'line-through',
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ['Inter', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [
        require("@tailwindcss/forms")({
            strategy: 'class',
        }),
        require('daisyui').default,
        
    ],
    daisyui: {
        themes: ['light'],
    },
};

[pdanpdan]

Try to pin down all tailwindcss packages (tailwindcss, tailwindcss/vite, tailwindcss/postcss, ...) you import to =4.1.14 and see if it fixes it for you.

[cafeasia3]

I am using "tailwindcss": "^3.2.1", based on laravel 10, you mean I should try to upgrade it to 4.1.14?

[pdanpdan]

No, of course no :). Ignore my message, I didn't realize you are using daisyUI v4
It was working before and after I did [...please fill the blanks...] it is not working anymore?
If you updated the deps you can try to pin tailwind to =3.4.17 just for testing.

[cafeasia3]

sorry, I didnt mention daisyUI version, I am using "daisyui": "^5.3.8", i think it is latest version
"tailwindcss": "^3.2.1",
"@tailwindcss/forms": "^0.5.3",

[pdanpdan]

Ah, that solves the problem :)
DaisyUI v5 works with tailwindcss v4
DaisyUI v4 works with tailwindcss v3

[cafeasia3]

you are right, thats mismatched version solved for me. ty