fix(textfield): text-align inherits from parent

[datvm]

Fix #5509

  <div class="container vstack gap-3 text-center border p-3">
    <p>Centered Text</p>

    <md-outlined-text-field value="This text should be at the start"></md-outlined-text-field>
    <md-filled-text-field value="This text should be at the start"></md-filled-text-field>
    <input value="This text should be at the start" />

    <md-outlined-text-field class="text-center" value="This text is manually centered"></md-outlined-text-field>
    <md-filled-text-field class="text-center" value="This text is manually centered"></md-filled-text-field>
    <input class="text-center" value="This text is manually centered" />
  </div>

[asyncLiz]

Oops, I didn't see this PR when reading your issue. I made #5523 to fix it, so I'll close this PR and track the fix there since its tests are already in progress.