Need a way to customize className merge in useContextProps and components

[unional]

Currently there is no way to customize how the classNames are merged.
This mean tailwindcss classes can't be merged correctly.

function Component() {
  return (
    <TextContext.Provider value={{ className: 'text-2xs' }}>
      <Text className='text-2xl'>Should be 2xl</Text>
    </TextContext.Provider>
  )
}

Currently this produces class="text-2xs text-2xl" which is wrong. It needs to be class="text-2xl".

This syntax should work:

function Component() {
  return (
    <TextContext.Provider value={{ className: 'text-2xs' }}>
      <Text
        // `state.defaultClassName` received the merged context: 'text-2xs'
        className={(state) => twMerge(state.defaultClassName, 'text-2xl')}
      >
        Should be 2xl
      </Text>
    </TextContext.Provider>
  )
}