Revert "Adjust focus styling of textarea and input" (#3998)

* Revert "Adjust focus styling of `textarea` and `input` (#3965)"

This reverts commit c4216ef.

* chore: add changeset

---------

Co-authored-by: Josh Black <[email protected]>

Author: joshblack

.changeset/chilly-spies-warn.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Remove changes to focus outline to prevent double focus rings from showing

src/__tests__/__snapshots__/Autocomplete.test.tsx.snap

@@ -21,7 +21,6 @@ exports[`snapshots renders a custom empty state message 1`] = `
   -ms-flex-align: stretch;
   align-items: stretch;
   min-height: 32px;
-  overflow: hidden;
 }
 
 .c0 input,
@@ -51,8 +50,8 @@ exports[`snapshots renders a custom empty state message 1`] = `
 
 .c0:focus-within {
   border-color: #0969da;
-  outline: 2px solid #0969da;
-  outline-offset: -1px;
+  outline: none;
+  box-shadow: inset 0 0 0 1px #0969da;
 }
 
 .c0 > textarea {
@@ -188,7 +187,6 @@ exports[`snapshots renders a loading state 1`] = `
   -ms-flex-align: stretch;
   align-items: stretch;
   min-height: 32px;
-  overflow: hidden;
 }
 
 .c0 input,
@@ -218,8 +216,8 @@ exports[`snapshots renders a loading state 1`] = `
 
 .c0:focus-within {
   border-color: #0969da;
-  outline: 2px solid #0969da;
-  outline-offset: -1px;
+  outline: none;
+  box-shadow: inset 0 0 0 1px #0969da;
 }
 
 .c0 > textarea {
@@ -390,7 +388,6 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] =
   -ms-flex-align: stretch;
   align-items: stretch;
   min-height: 32px;
-  overflow: hidden;
 }
 
 .c0 input,
@@ -420,8 +417,8 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] =
 
 .c0:focus-within {
   border-color: #0969da;
-  outline: 2px solid #0969da;
-  outline-offset: -1px;
+  outline: none;
+  box-shadow: inset 0 0 0 1px #0969da;
 }
 
 .c0 > textarea {
@@ -1168,7 +1165,6 @@ exports[`snapshots renders a multiselect input 1`] = `
   -ms-flex-align: stretch;
   align-items: stretch;
   min-height: 32px;
-  overflow: hidden;
 }
 
 .c0 input,
@@ -1198,8 +1194,8 @@ exports[`snapshots renders a multiselect input 1`] = `
 
 .c0:focus-within {
   border-color: #0969da;
-  outline: 2px solid #0969da;
-  outline-offset: -1px;
+  outline: none;
+  box-shadow: inset 0 0 0 1px #0969da;
 }
 
 .c0 > textarea {
@@ -1833,7 +1829,6 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = `
   -ms-flex-align: stretch;
   align-items: stretch;
   min-height: 32px;
-  overflow: hidden;
 }
 
 .c0 input,
@@ -1863,8 +1858,8 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = `
 
 .c0:focus-within {
   border-color: #0969da;
-  outline: 2px solid #0969da;
-  outline-offset: -1px;
+  outline: none;
+  box-shadow: inset 0 0 0 1px #0969da;
 }
 
 .c0 > textarea {
@@ -2646,7 +2641,6 @@ exports[`snapshots renders a single select input 1`] = `
   -ms-flex-align: stretch;
   align-items: stretch;
   min-height: 32px;
-  overflow: hidden;
 }
 
 .c0 input,
@@ -2676,8 +2670,8 @@ exports[`snapshots renders a single select input 1`] = `
 
 .c0:focus-within {
   border-color: #0969da;
-  outline: 2px solid #0969da;
-  outline-offset: -1px;
+  outline: none;
+  box-shadow: inset 0 0 0 1px #0969da;
 }
 
 .c0 > textarea {
@@ -3670,7 +3664,6 @@ exports[`snapshots renders with an input value 1`] = `
   -ms-flex-align: stretch;
   align-items: stretch;
   min-height: 32px;
-  overflow: hidden;
 }
 
 .c0 input,
@@ -3700,8 +3693,8 @@ exports[`snapshots renders with an input value 1`] = `
 
 .c0:focus-within {
   border-color: #0969da;
-  outline: 2px solid #0969da;
-  outline-offset: -1px;
+  outline: none;
+  box-shadow: inset 0 0 0 1px #0969da;
 }
 
 .c0 > textarea {