fix(text-input): very long input label truncated when scaled

[seb-zabielski]

Motivation

The label in the TextInput component (both flat and outlined) is truncated when it is longer than the available width. This is expected behaviour, but the issue occurs when the label is moved over an input (focus on input or input with a value). The entire label is scaled, which causes the label to continue to be truncated even though we have space to show the rest of the content.

Goal

Increase maximum text width to the maximum possible space.

Related issue

#4350

Test plan

Use TextInput with very long label. You can use example app

[callstack-bot]

Hey @seb-zabielski, thank you for your pull request 🤗. The documentation from this branch can be viewed here.