TextInput outlined strange behavior on tablet

### Current behaviour

As you can see from the image, when using it on a tablet, that line above appears under the label.

### Expected behaviour


### How to reproduce?

```js
{
setValue('');
if (text === '' || isNaN(text)) return;
addNumber(text);
}}
theme={{
colors: {
placeholder: isDark ? '#FFFFFF' : '#000',
text: '#1E90FF',
primary: '#1E90FF',
background: isDark ? '#1B1A23' : "#EFEFEF"
},
}}
style={[
{
width: 60,
},
]}
/>
```

### Preview

Tablet:

Smartphone:

### Your Environment

| software | version
| --------------------- | -------
| android | 8.1.0
| react-native | 0.71.4
| react-native-paper | 5.6.0
| node | 16.14.2
| npm | 9.6.2

まず、提供されたoutlinedモードのTextInputの例をタブレット上で再現し、そのレンダリングをスマートフォンのスクリーンショットと比較します。その使用箇所からTextInputのoutlinedモードを追跡し、なぜラベルの下に線が表示されるのかを特定します。タブレット上のレンダリングが期待されるoutlinedの外観と一致すれば、作業は完了です。

索引モデルが issue の本文から書いたものです。