mdc-textfield Outlined incorrect specs

[EstebanG23]

Specs show the whole component should come to be 56px in height. Also 16px in spacing between the icon, and 28px from the label baseline to the input baseline.
https://material.io/design/components/text-fields.html#spec

But our components show:

• 54px in height
• 16px on top of icon, 24px for icon and 14px below icon
• 30px from label baseline to input baseline

[rubenmendoza]

My fixes so far, :

.mdc-text-field--outlined .mdc-text-field__input:-webkit-autofill+.mdc-floating-label{
-webkit-transform: translateY(calc(-100% - 9px)) scale(.75);
transform: translateY(calc(-100% - 9px)) scale(.75);
}
.mdc-text-field--outlined .mdc-floating-label--float-above{
-webkit-transform: translateY(calc(-130% - 4px)) scale(.75);
transform: translateY(calc(-130% - 4px)) scale(.75);
}
.mdc-text-field--outlined{
margin-bottom: 0;
}
.mdc-text-field--outlined+.mdc-text-field-helper-text{
margin-left: 12px;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: rgba(0,0,0,.6) !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}

[kfranqueiro]

Tracking this, but Will pointed out that we may want to doublecheck to make sure there's not going to be any further line-height-related typography implementation changes before we commit changes for issues like this.