text-[size] and text-[font-family] conflic

[quentinjeanningros]

Here my extendTailwindMerge

import { extendTailwindMerge, twJoin } from 'tailwind-merge';

const isNumber = (value: string) =>
  Boolean(value) && !Number.isNaN(Number(value));

const TEXT_VALUES = [
  'label-strong',
  'paragraph',
  'field',
  'helper',
  'subtitle',
  'label',
  'page-name',
  'page-name-compact',
];

const SPACING_VALUES = ['xxxl', 'xxl', 'xl', 'l', 's', 'xs', 'xxs', isNumber];

const RADIUS_VALUES = ['none', 'small', '', 'large', 'full'];

const EASE_VALUES = [
  'ease-in',
  'ease-out',
  'ease-in-out',
  'out-quart',
  'in-quart',
  'in-out-quart',
  'out-expo',
  'in-expo',
  'in-out-expo',
  'in-cubic',
  'out-cubic',
];

const FONT_VALUES = ['noto', 'noto-display', 'rubik'];

export const mergeClass = extendTailwindMerge({
  override: {
    theme: {
      spacing: SPACING_VALUES,
      radius: RADIUS_VALUES,
      ease: EASE_VALUES,
      text: TEXT_VALUES,
      font: FONT_VALUES,
    },
  },
});

export const joinClass = twJoin;

on but my text-[color] values have conflic with text-[font-family]
is there a solution to fix this ?

[quentinjeanningros]

I am dumb it's font-[font-family]