chore(deps): bump @types/react from 18.3.3 to 18.3.11 (#5057)

* chore(deps): bump @types/react from 18.3.3 to 18.3.11

Bumps [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) from 18.3.3 to 18.3.11.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)

---
updated-dependencies:
- dependency-name: "@types/react"
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: update lockfile

* chore: update typecast

* chore: update gitignore

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Josh Black <joshblack@users.noreply.github.com>

.gitignore

@@ -37,3 +37,6 @@ blob-report
 
 # TypeScript
 *.tsbuildinfo
+
+# ESLint
+.eslintcache

examples/codesandbox/package.json

@@ -15,7 +15,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@typescript-eslint/parser": "^7.3.1",

examples/consumer-test/package.json

@@ -6,7 +6,7 @@
     "check": "tsc --noEmit"
   },
   "dependencies": {
-    "@types/react": "^18.2.14",
+    "@types/react": "^18.3.11",
     "@types/react-dom": "^18.2.19",
     "@types/styled-components": "^5.1.11",
     "@primer/react": "37.0.0-rc.10",

packages/react/package.json

@@ -156,7 +156,7 @@
     "@types/lodash.isobject": "3.0.9",
     "@types/lodash.keyby": "4.6.7",
     "@types/node": "20.12.11",
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.11",
     "@types/react-dom": "18.3.0",
     "@types/react-test-renderer": "18.3.0",
     "@types/semver": "7.5.8",

packages/react/src/internal/utils/toggleStyledComponent.tsx

@@ -32,7 +32,7 @@ export function toggleStyledComponent<T, P extends CSSModulesProps>(flag: string
       }
       return <BaseComponent {...rest} ref={ref} />
     }
-    return <Component as={BaseComponent} {...(rest as P)} sx={sxProp} ref={ref} />
+    return <Component as={BaseComponent} {...(rest as unknown as P)} sx={sxProp} ref={ref} />
   })
 
   return Wrapper