New source found from dndbeyond.com

ddb_main/tools/js/CharacterSheet/containers/Extras/Extras.tsx

@@ -1,6 +1,6 @@
-import { visuallyHidden } from "@mui/utils";
 import React, { useContext } from "react";
 import { connect, DispatchProp } from "react-redux";
+import { AnyAction } from "redux";
 
 import {
   rulesEngineSelectors,
@@ -16,6 +16,7 @@ import { TabFilter } from "~/components/TabFilter";
 import { useSidebar } from "~/contexts/Sidebar";
 import { PaneInfo } from "~/contexts/Sidebar/Sidebar";
 import { useExtras } from "~/hooks/useExtras";
+import a11yStyles from "~/styles/accessibility.module.css";
 import { PaneComponentEnum } from "~/subApps/sheet/components/Sidebar/types";
 
 import ExtraList from "../../../Shared/components/ExtraList";
@@ -27,7 +28,9 @@ import ContentGroup from "../../components/ContentGroup";
 import ExtrasFilter from "../../components/ExtrasFilter";
 import { SheetAppState } from "../../typings";
 
-interface Props extends DispatchProp {
+// TODO: We are typing with AnyAction here to work around issues with UnknownAction, the type that was introduced in Redux 5.
+// If we decide to modernize to Redux 5, we will need to refactor much of the Rules Engine redux usage.
+interface Props extends DispatchProp<AnyAction> {
   extras: Array<ExtraManager>;
   extrasManager: ExtrasManager;
   isReadonly: boolean;
@@ -229,7 +232,7 @@ class Extras extends React.PureComponent<Props, State> {
           theme.isDarkMode ? "ct-extras--dark-mode" : ""
         }`}
       >
-        <h2 style={visuallyHidden}>Extras</h2>
+        <h2 className={a11yStyles.screenreaderOnly}>Extras</h2>
         <div className="ct-extras__filter">
           <ExtrasFilter
             extras={extras}