Ver4 bg opacity not working in production

[titanve]

Hi!
For some reason the bg opacity works well in my local ENV but it does not work in production, have you had this issue before? Any known workarounds?

Thanks.

[wongjn]

Does it also not work with a production build locally? If it that is the case, would you be able to provide a git repo that demonstrates the issue please?

[titanve]

@wongjn
Do you happen to know any workaround for this issue?

[titanve]

@wongjn
Just to confirm, this is the value:
oklab(37.9094% --14.9012e-9 0/.75)!important

[wongjn]

If you are using PostCSS, you can set optimize to false:

export default {
  plugins: {
    '@tailwindcss/postcss': {
      optimize: false,
    },
  },
};

Otherwise, I don't know any other work-arounds.

[titanve]

@wongjn I think you are right, manually removing the extra - fixes the issue:

[titanve]

To anyone looking for the config change when you have your postcss config in your webpack config file I did it like this:

require('@tailwindcss/postcss')({
                        base: 'tailwind.auth.config.js',
                        optimize: false,
                      }),