i am using the tailwind-merge package to merge tailwind classes,
but i've modified the tailwind classes in the tailwind config, like so
module.exports = { content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], theme: { fontSize: () => { const fontSize = {};
for (let i = 0; i <= 10; i += 0.25) { fontSize[i] =
${i}rem; }return fontSize; }, }, plugins: [], }
the problem is now,
"text-primary text-2" resolves to text-2 ( or whichever comes last ) but text-primary is color whereas text-2 is font-size,
i think i can redefine the tailwind-merge config object with the same function as above, what i do not know is how i can generate the tailwind-merge config file and where should i place it in my vite app
i tried removing all my modifications from the tailwind-config file and THEN it works as expected so the problem is my modification to the tailwind config