use more probe styles to make wrapper look like input

Author: CGastrell

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

@@ -8,6 +8,15 @@
 	.jetpack-field__input-phone-wrapper {
 		display: flex;
 		gap: 8px;
+		background-color: var(--jetpack--contact-form--input-background);
+		border-color: var(--jetpack--contact-form--border-color);
+		border-width: var(--jetpack--contact-form--border-size);
+		border-style: var(--jetpack--contact-form--border-style);
+		border-radius: var(--jetpack--contact-form--border-radius);
+		font-family: var(--jetpack--contact-form--font-family);
+		font-size: var(--jetpack--contact-form--font-size);
+		padding: var(--jetpack--contact-form--input-padding);
+		line-height: var(--jetpack--contact-form--line-height);
 
 		&:has(.jetpack-field__input-element:focus) {
 			outline-width: 2px;