ui.nuxt: Overwriting styles for UInput doesn't work

 <UInput
      variant="outline"
      :ui="{
        rounded: 'rounded-none',
        base: 'h-full text-center [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',
        variant: {
          outline: 'shadow-none ring-0',
        },
      }"
      type="number"
      :model-value="number"
    />