merge rounded error!

[hymhub]

tailwind config:

// tailwind.config.ts
export default {
// ...
  theme: {
    extend: {
      borderRadius: {
        layout: '16px'
      }
    }
  }
}

error:

twMerge('rounded-layout', 'rounded-none')  // output -> rounded-layout rounded-none
twMerge('!rounded-layout', '!rounded-none')  // output -> !rounded-layout !rounded-none

[dcastil]

Hey @hymhub! 👋

Thanks for your patience, just came back from a vacation. tailwind-merge doesn't have access to the tailwind.config.ts file and you need to configure it separately so it knows about the rounded-layout class.

Here is an example on how to configure tailwind-merge: https://github.com/dcastil/tailwind-merge/blob/v2.5.2/docs/recipes.md#adding-custom-scale-from-tailwind-config-to-tailwind-merge-config.

And here is the documentation on how the tailwind-merge configuration works: https://github.com/dcastil/tailwind-merge/blob/v2.5.2/docs/configuration.md#usage-with-custom-tailwind-config.

---

(For myself)

Related: #447, #368, #322, #321, #315, #302, #276, #275, #274, #250, #207

[sylvainmouquet]

@hymhub if tailwind-merge don't fix the error, you can try twindmerge it's an alternative to tailwind-merge. I have added your test, it works well

[dcastil]

Closing this as stale. Let me know if the issue isn't resolved yet and I'll reopen.