fix(TextInput): Fix font size for small text inputs

.changeset/fuzzy-kiwis-greet.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Fix small TextInput to be the use the correct font size

packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap

@@ -1658,6 +1658,18 @@ exports[`TextInput renders small 1`] = `
   }
 }
 
+@media screen and (min-width:544px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
 <span
   aria-busy={false}
   className="c0 c1 TextInput-wrapper"
@@ -4173,6 +4185,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -4391,6 +4411,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -4647,6 +4675,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -4874,6 +4910,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -5175,6 +5219,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -5476,6 +5528,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -5771,6 +5831,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -6028,6 +6096,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -6323,6 +6399,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -6597,6 +6681,18 @@ exports[`TextInput renders with a loading indicator 1`] = `
   }
 }
 
+@media screen and (min-width:544px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
 @media (min-width:768px) {
 
 }
@@ -6938,6 +7034,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -7282,6 +7386,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
   .c0 {
     font-size: 14px;