diff --git a/.changeset/smooth-steaks-hug.md b/.changeset/smooth-steaks-hug.md
new file mode 100644
index 00000000000..e6b22a508ab
--- /dev/null
+++ b/.changeset/smooth-steaks-hug.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Convert `_VisuallyHidden` internal component to CSS modules
diff --git a/packages/react/src/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap b/packages/react/src/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap
index de8a9e9fec6..6b44de82cf6 100644
--- a/packages/react/src/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap
+++ b/packages/react/src/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap
@@ -27,21 +27,8 @@ exports[`snapshots renders a custom empty state message 1`] = `
       type="text"
     />
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div>
       <div
@@ -81,21 +68,8 @@ exports[`snapshots renders a loading state 1`] = `
       type="text"
     />
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div
       className="SpinnerWrapper"
@@ -168,21 +142,8 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] =
       type="text"
     />
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div>
       <ul
@@ -668,21 +629,8 @@ exports[`snapshots renders a multiselect input 1`] = `
       type="text"
     />
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div>
       <ul
@@ -1106,21 +1054,8 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = `
       type="text"
     />
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div>
       <ul
@@ -1544,21 +1479,8 @@ exports[`snapshots renders a single select input 1`] = `
       type="text"
     />
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div>
       <ul
@@ -2121,21 +2043,8 @@ exports[`snapshots renders with a custom text input component 1`] = `
     id="customInput"
     type="text"
   />,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div>
       <ul
@@ -2719,21 +2628,8 @@ exports[`snapshots renders with an input value 1`] = `
       type="text"
     />
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
-    className="c0"
+  <span
+    className="InternalVisuallyHidden"
   >
     <div>
       <div
diff --git a/packages/react/src/CircleBadge/__snapshots__/CircleBadge.test.tsx.snap b/packages/react/src/CircleBadge/__snapshots__/CircleBadge.test.tsx.snap
index 6887bc05d06..67efbf91a99 100644
--- a/packages/react/src/CircleBadge/__snapshots__/CircleBadge.test.tsx.snap
+++ b/packages/react/src/CircleBadge/__snapshots__/CircleBadge.test.tsx.snap
@@ -2,19 +2,19 @@
 
 exports[`CircleBadge > respects the inline prop 1`] = `
 <div
-  class="sc-ikkxIA jhJVVm"
+  class="sc-gFqAkR SqWoH"
 />
 `;
 
 exports[`CircleBadge > respects the variant prop 1`] = `
 <div
-  class="sc-ikkxIA eMrppW"
+  class="sc-gFqAkR ebkeDz"
 />
 `;
 
 exports[`CircleBadge > uses the size prop to override the variant prop 1`] = `
 <div
-  class="sc-ikkxIA dkwGym"
+  class="sc-gFqAkR kqQQpr"
   size="20"
 />
 `;
diff --git a/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap b/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap
index e3b775872b2..d94a8790436 100644
--- a/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap
+++ b/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap
@@ -642,20 +642,7 @@ exports[`TextInput renders trailingVisual 4`] = `
 
 exports[`TextInput renders with a loading indicator 1`] = `
 [
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-trailing-visual={true}
@@ -670,7 +657,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r2o:"
     >
       Loading
@@ -714,20 +701,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -780,7 +754,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r2s:"
     >
       Loading
@@ -824,20 +798,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-trailing-visual={true}
@@ -852,7 +813,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r31:"
     >
       Loading
@@ -896,20 +857,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -986,7 +934,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r35:"
     >
       Loading
@@ -1030,20 +978,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -1120,7 +1055,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r3a:"
     >
       Loading
@@ -1164,20 +1099,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -1255,7 +1177,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r3f:"
     >
       Loading
@@ -1299,20 +1221,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-trailing-visual={true}
@@ -1327,7 +1236,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r3k:"
     >
       Loading
@@ -1395,20 +1304,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -1462,7 +1358,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r3o:"
     >
       Loading
@@ -1530,20 +1426,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-trailing-visual={true}
@@ -1558,7 +1441,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r3t:"
     >
       Loading
@@ -1626,20 +1509,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -1718,7 +1588,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r41:"
     >
       Loading
@@ -1786,20 +1656,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -1877,7 +1734,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r46:"
     >
       Loading
@@ -1945,20 +1802,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
   </span>,
-  .c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-<span
+  <span
     aria-busy={true}
     className="TextInput-wrapper TextInputWrapper TextInputBaseWrapper"
     data-leading-visual={true}
@@ -2037,7 +1881,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       type="text"
     />
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
       id=":r4b:"
     >
       Loading
diff --git a/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap b/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap
index 686c364b211..d2c334bfc1b 100644
--- a/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap
+++ b/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap
@@ -65,7 +65,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -110,7 +110,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -155,7 +155,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -200,7 +200,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -245,7 +245,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -290,7 +290,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -335,7 +335,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -380,7 +380,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -492,7 +492,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -537,7 +537,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -582,7 +582,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -627,7 +627,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -672,7 +672,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -717,7 +717,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -762,7 +762,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -807,7 +807,7 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] =
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -957,7 +957,7 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1002,7 +1002,7 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1078,7 +1078,7 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -1123,7 +1123,7 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -1371,7 +1371,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1416,7 +1416,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1461,7 +1461,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1506,7 +1506,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1551,7 +1551,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1596,7 +1596,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1641,7 +1641,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1686,7 +1686,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -1756,7 +1756,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -1801,7 +1801,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -1846,7 +1846,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -1891,7 +1891,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -1936,7 +1936,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -1981,7 +1981,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2026,7 +2026,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2071,7 +2071,7 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] =
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2200,7 +2200,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2245,7 +2245,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2290,7 +2290,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2335,7 +2335,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2380,7 +2380,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2425,7 +2425,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2470,7 +2470,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2515,7 +2515,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -2583,7 +2583,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2628,7 +2628,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2673,7 +2673,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2718,7 +2718,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2763,7 +2763,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2808,7 +2808,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2853,7 +2853,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -2898,7 +2898,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -3027,7 +3027,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3072,7 +3072,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3117,7 +3117,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3162,7 +3162,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3207,7 +3207,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3252,7 +3252,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3297,7 +3297,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3342,7 +3342,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3409,7 +3409,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3454,7 +3454,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3499,7 +3499,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3544,7 +3544,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3589,7 +3589,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3634,7 +3634,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3679,7 +3679,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3724,7 +3724,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -3792,7 +3792,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -3837,7 +3837,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -3882,7 +3882,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -3927,7 +3927,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -3972,7 +3972,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -4017,7 +4017,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -4062,7 +4062,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -4107,7 +4107,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -4236,7 +4236,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4281,7 +4281,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4326,7 +4326,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4371,7 +4371,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4416,7 +4416,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4461,7 +4461,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4506,7 +4506,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4551,7 +4551,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4618,7 +4618,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4663,7 +4663,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4708,7 +4708,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4753,7 +4753,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4798,7 +4798,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4843,7 +4843,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4888,7 +4888,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -4933,7 +4933,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5000,7 +5000,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5045,7 +5045,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5090,7 +5090,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5135,7 +5135,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5180,7 +5180,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5225,7 +5225,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5270,7 +5270,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5315,7 +5315,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5383,7 +5383,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5428,7 +5428,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5473,7 +5473,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5518,7 +5518,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5563,7 +5563,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5608,7 +5608,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5653,7 +5653,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5698,7 +5698,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -5827,7 +5827,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5872,7 +5872,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5917,7 +5917,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -5962,7 +5962,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6007,7 +6007,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6052,7 +6052,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6097,7 +6097,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6142,7 +6142,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6209,7 +6209,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6254,7 +6254,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6299,7 +6299,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6344,7 +6344,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6389,7 +6389,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6434,7 +6434,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6479,7 +6479,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6524,7 +6524,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6591,7 +6591,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6636,7 +6636,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6681,7 +6681,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6726,7 +6726,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6771,7 +6771,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6816,7 +6816,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6861,7 +6861,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6906,7 +6906,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -6973,7 +6973,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7018,7 +7018,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7063,7 +7063,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7108,7 +7108,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7153,7 +7153,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7198,7 +7198,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7243,7 +7243,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7288,7 +7288,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7356,7 +7356,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7401,7 +7401,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7446,7 +7446,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7491,7 +7491,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7536,7 +7536,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7581,7 +7581,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7626,7 +7626,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7671,7 +7671,7 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -7801,7 +7801,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7846,7 +7846,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7891,7 +7891,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7936,7 +7936,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -7981,7 +7981,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8026,7 +8026,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8071,7 +8071,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8116,7 +8116,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8185,7 +8185,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8230,7 +8230,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8275,7 +8275,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8320,7 +8320,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8365,7 +8365,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8410,7 +8410,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8455,7 +8455,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8500,7 +8500,7 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1`
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8629,7 +8629,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8650,7 +8650,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8671,7 +8671,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8692,7 +8692,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8713,7 +8713,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8734,7 +8734,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8755,7 +8755,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8776,7 +8776,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -8820,7 +8820,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8841,7 +8841,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8862,7 +8862,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8883,7 +8883,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8904,7 +8904,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8925,7 +8925,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8946,7 +8946,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -8967,7 +8967,7 @@ exports[`TextInputWithTokens > renders tokens without a remove button when speci
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -9073,7 +9073,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9118,7 +9118,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9163,7 +9163,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9208,7 +9208,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9253,7 +9253,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9298,7 +9298,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9343,7 +9343,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9388,7 +9388,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9528,7 +9528,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9573,7 +9573,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9618,7 +9618,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9663,7 +9663,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9708,7 +9708,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9753,7 +9753,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9798,7 +9798,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9843,7 +9843,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9946,7 +9946,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -9991,7 +9991,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10036,7 +10036,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10081,7 +10081,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10126,7 +10126,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10171,7 +10171,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10216,7 +10216,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10261,7 +10261,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10421,7 +10421,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10466,7 +10466,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10511,7 +10511,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10556,7 +10556,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10601,7 +10601,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10646,7 +10646,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10691,7 +10691,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10736,7 +10736,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10896,7 +10896,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10941,7 +10941,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -10986,7 +10986,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11031,7 +11031,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11076,7 +11076,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11121,7 +11121,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11166,7 +11166,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11211,7 +11211,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11372,7 +11372,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11417,7 +11417,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11462,7 +11462,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11507,7 +11507,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11552,7 +11552,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11597,7 +11597,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11642,7 +11642,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11687,7 +11687,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11790,7 +11790,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11835,7 +11835,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11880,7 +11880,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11925,7 +11925,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -11970,7 +11970,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12015,7 +12015,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12060,7 +12060,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12105,7 +12105,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12266,7 +12266,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12311,7 +12311,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12356,7 +12356,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12401,7 +12401,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12446,7 +12446,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12491,7 +12491,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12536,7 +12536,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12581,7 +12581,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12704,7 +12704,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12749,7 +12749,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12794,7 +12794,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12839,7 +12839,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12884,7 +12884,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12929,7 +12929,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -12974,7 +12974,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13019,7 +13019,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13200,7 +13200,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13245,7 +13245,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13290,7 +13290,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13335,7 +13335,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13380,7 +13380,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13425,7 +13425,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13470,7 +13470,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13515,7 +13515,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13696,7 +13696,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13741,7 +13741,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13786,7 +13786,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13831,7 +13831,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13876,7 +13876,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13921,7 +13921,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -13966,7 +13966,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14011,7 +14011,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14192,7 +14192,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14237,7 +14237,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14282,7 +14282,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14327,7 +14327,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14372,7 +14372,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14417,7 +14417,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14462,7 +14462,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14507,7 +14507,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -14633,7 +14633,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -14678,7 +14678,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -14723,7 +14723,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -14768,7 +14768,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -14813,7 +14813,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -14858,7 +14858,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -14903,7 +14903,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -14948,7 +14948,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15088,7 +15088,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15133,7 +15133,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15178,7 +15178,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15223,7 +15223,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15268,7 +15268,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15313,7 +15313,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15358,7 +15358,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15403,7 +15403,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15506,7 +15506,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15551,7 +15551,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15596,7 +15596,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15641,7 +15641,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15686,7 +15686,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15731,7 +15731,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15776,7 +15776,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15821,7 +15821,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -15981,7 +15981,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16026,7 +16026,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16071,7 +16071,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16116,7 +16116,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16161,7 +16161,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16206,7 +16206,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16251,7 +16251,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16296,7 +16296,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16456,7 +16456,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16501,7 +16501,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16546,7 +16546,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16591,7 +16591,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16636,7 +16636,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16681,7 +16681,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16726,7 +16726,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16771,7 +16771,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16932,7 +16932,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -16977,7 +16977,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17022,7 +17022,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17067,7 +17067,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17112,7 +17112,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17157,7 +17157,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17202,7 +17202,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17247,7 +17247,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17350,7 +17350,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17395,7 +17395,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17440,7 +17440,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17485,7 +17485,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17530,7 +17530,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17575,7 +17575,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17620,7 +17620,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17665,7 +17665,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17826,7 +17826,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17871,7 +17871,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17916,7 +17916,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -17961,7 +17961,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18006,7 +18006,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18051,7 +18051,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18096,7 +18096,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18141,7 +18141,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18264,7 +18264,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18309,7 +18309,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18354,7 +18354,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18399,7 +18399,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18444,7 +18444,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18489,7 +18489,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18534,7 +18534,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18579,7 +18579,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18760,7 +18760,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18805,7 +18805,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18850,7 +18850,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18895,7 +18895,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18940,7 +18940,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -18985,7 +18985,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19030,7 +19030,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19075,7 +19075,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19256,7 +19256,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19301,7 +19301,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19346,7 +19346,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19391,7 +19391,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19436,7 +19436,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19481,7 +19481,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19526,7 +19526,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19571,7 +19571,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19752,7 +19752,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19797,7 +19797,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19842,7 +19842,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19887,7 +19887,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19932,7 +19932,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -19977,7 +19977,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20022,7 +20022,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20067,7 +20067,7 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20253,7 +20253,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               zero
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20298,7 +20298,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               one
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20343,7 +20343,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               two
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20388,7 +20388,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               three
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20433,7 +20433,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               four
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20478,7 +20478,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               five
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20523,7 +20523,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               six
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20568,7 +20568,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
             >
               seven
               <span
-                class="sc-gEvEer jFikVR"
+                class="prc-src-InternalVisuallyHidden-4enpf"
               >
                  (press backspace or delete to remove)
               </span>
@@ -20636,7 +20636,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             zero
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20681,7 +20681,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             one
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20726,7 +20726,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             two
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20771,7 +20771,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             three
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20816,7 +20816,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             four
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20861,7 +20861,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             five
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20906,7 +20906,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             six
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
@@ -20951,7 +20951,7 @@ exports[`TextInputWithTokens > renders with tokens 1`] = `
           >
             seven
             <span
-              class="sc-gEvEer jFikVR"
+              class="prc-src-InternalVisuallyHidden-4enpf"
             >
                (press backspace or delete to remove)
             </span>
diff --git a/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap b/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap
index c3f81d992d7..aa29734e142 100644
--- a/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap
+++ b/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap
@@ -1,19 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Token components AvatarToken renders all sizes 1`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token Token"
   data-cursor-is-interactive={false}
@@ -54,7 +41,7 @@ exports[`Token components AvatarToken renders all sizes 1`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -96,19 +83,6 @@ exports[`Token components AvatarToken renders all sizes 1`] = `
 `;
 
 exports[`Token components AvatarToken renders all sizes 2`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token Token"
   data-cursor-is-interactive={false}
@@ -149,7 +123,7 @@ exports[`Token components AvatarToken renders all sizes 2`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -191,19 +165,6 @@ exports[`Token components AvatarToken renders all sizes 2`] = `
 `;
 
 exports[`Token components AvatarToken renders all sizes 3`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token Token"
   data-cursor-is-interactive={false}
@@ -244,7 +205,7 @@ exports[`Token components AvatarToken renders all sizes 3`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -286,19 +247,6 @@ exports[`Token components AvatarToken renders all sizes 3`] = `
 `;
 
 exports[`Token components AvatarToken renders all sizes 4`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token Token"
   data-cursor-is-interactive={false}
@@ -339,7 +287,7 @@ exports[`Token components AvatarToken renders all sizes 4`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -426,19 +374,6 @@ exports[`Token components AvatarToken renders isSelected 1`] = `
 `;
 
 exports[`Token components AvatarToken renders with a remove button 1`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token Token"
   data-cursor-is-interactive={false}
@@ -479,7 +414,7 @@ exports[`Token components AvatarToken renders with a remove button 1`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -1087,19 +1022,6 @@ exports[`Token components IssueLabelToken renders with a remove button 1`] = `
 `;
 
 exports[`Token components Token renders all sizes 1`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token"
   data-cursor-is-interactive={false}
@@ -1118,7 +1040,7 @@ exports[`Token components Token renders all sizes 1`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -1160,19 +1082,6 @@ exports[`Token components Token renders all sizes 1`] = `
 `;
 
 exports[`Token components Token renders all sizes 2`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token"
   data-cursor-is-interactive={false}
@@ -1191,7 +1100,7 @@ exports[`Token components Token renders all sizes 2`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -1233,19 +1142,6 @@ exports[`Token components Token renders all sizes 2`] = `
 `;
 
 exports[`Token components Token renders all sizes 3`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token"
   data-cursor-is-interactive={false}
@@ -1264,7 +1160,7 @@ exports[`Token components Token renders all sizes 3`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -1306,19 +1202,6 @@ exports[`Token components Token renders all sizes 3`] = `
 `;
 
 exports[`Token components Token renders all sizes 4`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token"
   data-cursor-is-interactive={false}
@@ -1337,7 +1220,7 @@ exports[`Token components Token renders all sizes 4`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
@@ -1435,19 +1318,6 @@ exports[`Token components Token renders with a leadingVisual 1`] = `
 `;
 
 exports[`Token components Token renders with a remove button 1`] = `
-.c0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  -webkit-clip: rect(0,0,0,0);
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 <span
   className="TokenBase Token"
   data-cursor-is-interactive={false}
@@ -1466,7 +1336,7 @@ exports[`Token components Token renders with a remove button 1`] = `
   >
     token
     <span
-      className="c0"
+      className="InternalVisuallyHidden"
     >
        (press backspace or delete to remove)
     </span>
diff --git a/packages/react/src/_VisuallyHidden.module.css b/packages/react/src/_VisuallyHidden.module.css
new file mode 100644
index 00000000000..c020435a2f0
--- /dev/null
+++ b/packages/react/src/_VisuallyHidden.module.css
@@ -0,0 +1,12 @@
+.InternalVisuallyHidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  /* stylelint-disable-next-line primer/spacing */
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
diff --git a/packages/react/src/_VisuallyHidden.tsx b/packages/react/src/_VisuallyHidden.tsx
index 641fd146f57..1736a9f2221 100644
--- a/packages/react/src/_VisuallyHidden.tsx
+++ b/packages/react/src/_VisuallyHidden.tsx
@@ -1,29 +1,19 @@
-import styled from 'styled-components'
+import classes from './_VisuallyHidden.module.css'
+import {clsx} from 'clsx'
+import {BoxWithFallback} from './internal/components/BoxWithFallback'
 import type {SxProp} from './sx'
-import sx from './sx'
 
-interface Props {
+interface Props extends React.ComponentPropsWithoutRef<'span'> {
   isVisible?: boolean
+  as?: React.ElementType
 }
 
-const VisuallyHidden = styled.span<Props & SxProp>`
-  ${({isVisible = false}) => {
-    if (isVisible) {
-      return sx
-    }
-
-    return `
-        position: absolute;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-        border-width: 0;
-    `
-  }}
-`
+function VisuallyHidden({isVisible, children, as = 'span', className, ...rest}: Props & SxProp) {
+  return (
+    <BoxWithFallback as={as} className={clsx(className, {[classes.InternalVisuallyHidden]: !isVisible})} {...rest}>
+      {children}
+    </BoxWithFallback>
+  )
+}
 
 export default VisuallyHidden