[bug]: Spell check style issues will occur when entering non-numbers in Input OTP

[hotdogc1017]

Describe the bug

In Google Chrome, when you enter a combination of numbers and non-numbers in Input OTP, unexpected styling issues may occur if the browser's spell check fails.

Affected component/components

Input OTP

How to reproduce

1. Go to the Input OTP document page
2. Mix non-numeric characters and numeric characters
3. A truncated red underline appears at the bottom edge

Codesandbox/StackBlitz link

No response

Logs

System Info

System:
    OS: Linux 6.11 Ubuntu 24.04.2 LTS 24.04.2 LTS (Noble Numbat)
    CPU: (18) x64 Intel(R) Core(TM) Ultra 5 125H
    Memory: 17.33 GB / 30.85 GB
    Container: Yes
    Shell: 5.2.21 - /bin/bash
  Binaries:
    Node: 22.14.0 - ~/.nvm/versions/node/v22.14.0/bin/node
    npm: 10.9.2 - ~/.nvm/versions/node/v22.14.0/bin/npm
    pnpm: 10.6.5 - ~/.nvm/versions/node/v22.14.0/bin/pnpm
  Browsers:
    Chrome: 134.0.6998.165

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues