Nuxt UI - Textarea font size not working

[mdthansil]

Environment

• Operating System: Windows_NT
• Node Version: v20.14.0
• Nuxt Version: 3.13.2
• CLI Version: 3.14.0
• Nitro Version: 2.9.7
• Package Manager: pnpm@9.4.0
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

Version

2.18.6

Reproduction

https://stackblitz.com/edit/nuxt-ui-jideye

Description

I've been trying to add font size to a textarea using Nuxt UI, but I'm having trouble getting it to work. For testing purposes, I've tried almost all available options, but none of them seem to be working.

<UTextarea
  :rows="10"
  v-model="encoderForm.input"
  placeholder="Text to encode"
  :ui="{
    placeholder: 'text-[40px] text-red-500',
    base: 'text-[40px]',
    form: 'text-[40px]',
    rounded: 'rounded-md text-[40px]',
  }" 
/>

### Additional context

_No response_

### Logs

_No response_

[mdthansil]

It's now working after adding important by placing an exclamation mark before the class name base: '!text-[40px]',