TailwindCSS V4 Update - (v || "").replace is not a function

[MalekIhdene]

Check that this is really a bug

• I confirm

Reproduction link

...

Bug description

Hello,
I upgraded my Konsta project to Tailwind V4 and it seems like that broke the Konsta config plugin as now, it gives me the following error:

My tailwind.config.js file looks like this, standard stuff:

import konstaConfig from 'konsta/config'

export default konstaConfig({
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        red: '#ff0000',
      },
    },
  },
  darkMode: 'media',
  plugins: [],
})

If I remove the konstaConfig, my project starts building. I'm trying to migrate to Tailwind 4.0.3. I would try to reproduce the issue but the StackBlitz provided there blocks me from upgrading the Konsta version or adding extra new libraries for some reason. Maybe I can provide a Github link instead?

Expected Behavior

No response

Actual Behavior

No response

Konsta UI version

4.0.1

Platform/Target and Browser Versions

Capacitor (MacOS Safari)

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[MalekIhdene]

I'm using the TailwindCSS Vite plugin by the way and not using PostCSS
Edit: and my Tailwind config file looks like this:

@import "tailwindcss";
@config "../tailwind.config.js";

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari, and Opera */
}

[harhsakratos]

I am also facing same issue, Have you found any solution ?

[coeursoft]

I tried to use Tailwind 4 and I don't think Konsta is really compatible with it.

[riderx]

You can use https://github.com/Cap-go/tailwind-capacitor we did fork it to work with v4