export and use when available: input height css style from probe

Author: CGastrell

projects/packages/forms/src/blocks/contact-form/util/form-styles.js

@@ -94,6 +94,7 @@ window.jetpackForms.generateStyleVariables = function ( formNode ) {
 		fontSize,
 		fontFamily,
 		lineHeight,
+		inputHeight,
 	} = window.getComputedStyle( inputNode );
 
 	styleProbe.remove();
@@ -112,6 +113,7 @@ window.jetpackForms.generateStyleVariables = function ( formNode ) {
 		'--jetpack--contact-form--input-padding': inputPadding,
 		'--jetpack--contact-form--input-padding-top': inputPaddingTop,
 		'--jetpack--contact-form--input-padding-left': inputPaddingLeft,
+		'--jetpack--contact-form--input-height': inputHeight,
 		'--jetpack--contact-form--font-size': fontSize,
 		'--jetpack--contact-form--font-family': fontFamily,
 		'--jetpack--contact-form--line-height': lineHeight,

projects/packages/forms/src/contact-form/css/phone-field.scss

@@ -54,6 +54,8 @@
 			resize: none;
 			padding: 0;
 			min-width: unset;
+			min-height: unset;
+			height: var(--jetpack--contact-form--input-height, unset);
 
 			&:not(.jetpack-field__input-prefix .jetpack-field__input-element) {
 				letter-spacing: inherit;