upgrade workspace dependencies, address SASS warnings/regressions (#4800)

Author: Simek

.gitignore

@@ -20,8 +20,6 @@ node_modules
 *.tsbuildinfo
 
 packages/lint-examples/out/
-packages/sync-api-docs/generatedComponentApiDocs.js
-packages/sync-api-docs/extracted.json
 
 website/.docusaurus
 website/.cache-loader

package.json

@@ -11,7 +11,6 @@
     "plugins/*"
   ],
   "scripts": {
-    "update-lock": "yarn dedupe",
     "docusaurus": "yarn --cwd website docusaurus",
     "start": "yarn --cwd website start",
     "build": "yarn --cwd website build",
@@ -22,24 +21,25 @@
     "lint:packages": "eslint ./packages",
     "lint:plugins": "eslint ./plugins",
     "lint:website": "eslint ./website",
+    "update-lock": "yarn dedupe",
     "check-dependencies": "manypkg check"
   },
   "devDependencies": {
     "@eslint/css": "^0.10.0",
-    "@eslint/js": "^9.33.0",
-    "@manypkg/cli": "^0.25.0",
-    "@typescript-eslint/parser": "^8.40.0",
-    "eslint": "^9.33.0",
+    "@eslint/js": "^9.35.0",
+    "@manypkg/cli": "^0.25.1",
+    "@typescript-eslint/parser": "^8.43.0",
+    "eslint": "^9.35.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-mdx": "^3.6.2",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-yml": "^1.18.0",
-    "globals": "^16.3.0",
+    "globals": "^16.4.0",
     "husky": "^9.1.7",
     "netlify-plugin-cache": "^1.0.3",
     "prettier": "^3.6.2",
     "pretty-quick": "^4.2.2",
-    "typescript-eslint": "^8.40.0"
+    "typescript-eslint": "^8.43.0"
   },
   "packageManager": "[email protected]"
 }

packages/lint-examples/package.json

@@ -12,25 +12,25 @@
     "lint": "eslint"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.3",
+    "@babel/core": "^7.28.4",
     "@babel/preset-env": "^7.28.3",
-    "@babel/runtime": "^7.28.3",
+    "@babel/runtime": "^7.28.4",
     "@eslint/compat": "^1.3.2",
     "@react-native-community/slider": "^4.5.7",
-    "@react-native/babel-preset": "^0.81.0",
-    "@react-native/eslint-config": "^0.81.0",
-    "@react-native/eslint-plugin": "^0.81.0",
-    "@react-native/typescript-config": "^0.81.0",
-    "@types/react": "^19.1.10",
-    "eslint": "^9.33.0",
+    "@react-native/babel-preset": "^0.81.1",
+    "@react-native/eslint-config": "^0.81.1",
+    "@react-native/eslint-plugin": "^0.81.1",
+    "@react-native/typescript-config": "^0.81.1",
+    "@types/react": "^19.1.13",
+    "eslint": "^9.35.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-react": "^7.37.5",
-    "glob": "^11.0.0",
+    "glob": "^11.0.3",
     "prettier": "^3.6.2",
     "react": "^19.1.1",
-    "react-native": "^0.81.0",
-    "react-native-safe-area-context": "^5.6.0",
+    "react-native": "^0.81.4",
+    "react-native-safe-area-context": "^5.6.1",
     "typescript": "^5.9.2"
   }
 }

website/package.json

@@ -55,22 +55,22 @@
     "docusaurus-plugin-sass": "^0.2.6",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-github-btn": "^1.4.0",
-    "sass": "1.76.0"
+    "react-github-btn": "^1.4.0"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.8.1",
     "@docusaurus/tsconfig": "3.8.1",
     "@docusaurus/types": "3.8.1",
     "@react-native-website/lint-examples": "*",
     "@types/google.analytics": "^0.0.46",
-    "@types/react": "^19.1.10",
+    "@types/react": "^19.1.13",
     "alex": "^11.0.1",
     "case-police": "^1.0.0",
-    "eslint": "^9.33.0",
-    "glob": "^11.0.0",
+    "eslint": "^9.35.0",
+    "glob": "^11.0.3",
     "prettier": "^3.6.2",
     "remark-cli": "^12.0.1",
+    "sass": "1.92.1",
     "typescript": "^5.9.2"
   }
 }

website/sidebarsContributing.ts

@@ -6,7 +6,7 @@ export default {
       type: 'category',
       label: 'Contributing to React Native',
       collapsed: false,
-      collapsible: true,
+      collapsible: false,
       items: [
         'overview',
         'versioning-policy',

website/src/css/customTheme.scss

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@import "shared";
+@use "shared";
 
 :root {
   --brand: #61dafb;
@@ -1147,7 +1147,6 @@ aside[class^="theme-doc-sidebar-container"] {
     .menu__link {
       font-weight: 600;
       font-size: 15px;
-      color: var(--subtle);
       padding-left: 8px !important;
 
       .menu__link {
@@ -1156,6 +1155,18 @@ aside[class^="theme-doc-sidebar-container"] {
     }
   }
 
+  .theme-doc-sidebar-item-category-level-1
+    .menu__list-item-collapsible
+    .menu__link {
+    color: var(--ifm-color-content-secondary);
+  }
+
+  .theme-doc-sidebar-item-category-level-2
+    .menu__list-item-collapsible
+    .menu__link {
+    color: var(--subtle);
+  }
+
   .menu__list-item--collapsed .menu__list {
     margin-bottom: 0;
   }

website/src/css/index.scss

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@import "shared";
+@use "shared";
 
 .homepage {
   width: 100%;

website/src/css/showcase.scss

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@import "shared";
+@use "shared";
 
 :root {
   --showcase-icon-background: rgb(0 0 0 / 1.5%);

website/src/css/versions.scss

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-@import "shared";
+@use "shared";
 
 .versions-page {
   max-width: 1400px !important;