[chore] Use unplugin for docs website

Author: nmn

package-lock.json

@@ -9,6 +9,8 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
+const stylexPlugin = require('@stylexjs/unplugin').default;
+
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'StyleX',
@@ -206,4 +208,32 @@ const config = {
     },
 };
 
+const rootDir = __dirname;
+
+config.plugins = [
+  function stylexUnplugin() {
+    return {
+      name: 'stylex-unplugin',
+      configureWebpack(_config) {
+        const isProd = process.env.NODE_ENV === 'production';
+        return {
+          plugins: isProd
+            ? [
+                stylexPlugin.webpack({
+                  dev: !isProd,
+                  runtimeInjection: false,
+                  stylexSheetName: '<>',
+                  unstable_moduleResolution: {
+                    type: 'commonJS',
+                    rootDir,
+                  },
+                }),
+              ]
+            : [],
+        };
+      },
+    };
+  },
+];
+
 module.exports = config;

packages/docs/docusaurus.config.js

@@ -3,7 +3,7 @@
   "name": "docs",
   "version": "0.17.0",
   "scripts": {
-    "build": "rimraf ./build ./docusaurus && cross-env NODE_ENV=production docusaurus build && node ./scripts/make-stylex-sheet.js",
+    "build": "rimraf ./build ./docusaurus && cross-env NODE_ENV=production docusaurus build",
     "clear": "docusaurus clear",
     "lint": "eslint --cache \"**/*.js\" && stylelint \"**/*.css\"",
     "serve": "docusaurus serve",
@@ -28,6 +28,7 @@
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.26.8",
+    "@stylexjs/unplugin": "0.17.0",
     "@stylexjs/eslint-plugin": "0.17.0",
     "@stylexjs/babel-plugin": "0.17.0",
     "clean-css": "^5.3.2",
@@ -37,7 +38,6 @@
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "mkdirp": "^1.0.4",
     "stylelint": "^14.9.1"
   },
   "browserslist": {