[TextField] consolidate se23 styles and logic

[gwyneplaine]

WHY are these changes introduced?

Fixes #9972

WHAT is this pull request doing?

• TextField consolidate se23 logic
• TextField consolidate se23 styles

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}

🎩 checklist

• Storybook
• Prod Storybook

[gwyneplaine]

This was previously incorrectly overriding the svg fill value on disabled. Hence the storybook change.
See Figma

See Storybook changes

[laurkim]

Overall looks great 💯

Small issues I noticed:

• Prefix has incorrect line height/font size for xs/sm breakpoints
• Borderless example in All storybook has incorrect line height for xs/sm breakpoints

[gwyneplaine]

• Prefix has incorrect line height/font size for xs/sm breakpoints

Thanks for the catch on this one 🙏 , fixed 👍

• Borderless example in All storybook has incorrect line height for xs/sm breakpoints

Looks like the $se23 .Input styles in prod are overriding non uplift .borderless styles. Not sure if this was intentional or a specificity regression during uplift.

Prod:

This PR:

I'm gonna remove the line-height declaration in .borderless such that it inherits line-height changes in .Input since that seems to be in the spirit of the se23 changes, but happy to revert in a subsequent PR @laurkim (cc @sarahill)

[gwyneplaine]

Removed this line as it was already being overridden in pre-uplift due to specificity.
This particular line height declaration also doesn't seem to make sense in the context of the new DL, taking into account the se23 changes that have been made.