Fix extra char read by AT (#5451)

* Fix Steplist extra hidden char

Author: snowystinger

packages/@adobe/spectrum-css-temp/components/steplist/index.css

@@ -218,7 +218,7 @@ governing permissions and limitations under the License.
 
     padding-inline-start: calc(var(--spectrum-steplist-chevron-gap) - var(--spectrum-steplist-marker-label-gap));
     &::before {
-      content: 'x';
+      content: "*";
       width: 0;
       visibility: hidden;
     }
@@ -239,7 +239,7 @@ governing permissions and limitations under the License.
     display: flex;
     align-items: center;
     &::before {
-      content: 'x';
+      content: "*";
       width: 0;
       visibility: hidden;
     }
@@ -281,7 +281,7 @@ governing permissions and limitations under the License.
     display: flex;
     align-items: center;
     &::before {
-      content: 'x';
+      content: "*";
       width: 0;
       visibility: hidden;
     }

packages/@react-spectrum/steplist/src/StepListItem.tsx

@@ -105,8 +105,8 @@ export function StepListItem<T>(props: SpectrumStepListItemProps<T>) {
                 'is-reversed': direction === 'rtl'
               })} />
           </div>
-          <div id={markerId} aria-hidden="true" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>
-            <div  className={classNames(styles, 'spectrum-Steplist-marker')}>{numberFormatter.format((item.index || 0) + 1)}</div>
+          <div aria-hidden="true" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>
+            <div id={markerId}  className={classNames(styles, 'spectrum-Steplist-marker')}>{numberFormatter.format((item.index || 0) + 1)}</div>
           </div>
         </a>
       </FocusRing>