Init Axo design system

package.json

@@ -18,7 +18,7 @@
     "postinstall": "pnpm run build:acknowledgments && pnpm run electron:install-app-deps",
     "postuninstall": "pnpm run build:acknowledgments",
     "start": "electron .",
-    "generate": "npm-run-all build-protobuf build:esbuild build:icu-types build:compact-locales sass get-expire-time copy-components",
+    "generate": "npm-run-all build-protobuf build:esbuild build:icu-types build:compact-locales build:styles get-expire-time copy-components",
     "build-release": "pnpm run build",
     "sign-release": "node ts/updater/generateSignature.js",
     "notarize": "echo 'No longer necessary'",
@@ -30,7 +30,6 @@
     "mark-unusued-strings-deleted": "ts-node ./ts/scripts/mark-unused-strings-deleted.ts",
     "get-expire-time": "node ts/scripts/get-expire-time.js",
     "copy-components": "node ts/scripts/copy.js",
-    "sass": "sass stylesheets/manifest.scss:stylesheets/manifest.css stylesheets/manifest_bridge.scss:stylesheets/manifest_bridge.css --fatal-deprecation=1.80.7",
     "build-module-protobuf": "pbjs --root='signal-desktop' --target static-module --force-long --no-typeurl --no-verify --no-create --no-convert --wrap commonjs --out ts/protobuf/compiled.js protos/*.proto && pbts --no-comments --out ts/protobuf/compiled.d.ts ts/protobuf/compiled.js",
     "clean-module-protobuf": "rm -f ts/protobuf/compiled.d.ts ts/protobuf/compiled.js",
     "build-protobuf": "pnpm run build-module-protobuf",
@@ -69,7 +68,9 @@
     "dev": "pnpm run build-protobuf && cross-env SIGNAL_ENV=storybook storybook dev --port 6006",
     "dev:transpile": "run-p \"check:types --watch\" dev:esbuild dev:icu-types dev:protobuf",
     "dev:esbuild": "node scripts/esbuild.js --watch",
-    "dev:sass": "pnpm run sass --watch",
+    "dev:styles": "pnpm run '/^dev:styles:(sass|tailwind)$/'",
+    "dev:styles:sass": "pnpm run build:styles:sass --watch",
+    "dev:styles:tailwind": "pnpm run build:styles:tailwind --watch",
     "dev:icu-types": "chokidar ./_locales/en/messages.json --initial --command \"pnpm run build:icu-types\"",
     "dev:protobuf": "chokidar ./protos/**/*.proto --command \"pnpm run build-protobuf\"",
     "build:storybook": "pnpm run build-protobuf && cross-env SIGNAL_ENV=storybook storybook build",
@@ -87,6 +88,9 @@
     "build:dev": "run-s --print-label generate build:esbuild:prod",
     "build:esbuild": "node scripts/esbuild.js",
     "build:esbuild:prod": "node scripts/esbuild.js --prod",
+    "build:styles": "pnpm run \"/^build:styles:.*/\"",
+    "build:styles:sass": "sass stylesheets/manifest.scss:stylesheets/manifest.css stylesheets/manifest_bridge.scss:stylesheets/manifest_bridge.css --fatal-deprecation=1.80.7",
+    "build:styles:tailwind": "tailwindcss -i ./ts/axo/tailwind.css -o ./stylesheets/tailwind.css",
     "build:electron": "electron-builder --config.extraMetadata.environment=$SIGNAL_ENV",
     "build:release": "cross-env SIGNAL_ENV=production pnpm run build:electron --config.directories.output=release",
     "build:release-win32-all": "pnpm run build:release --arm64 --x64",
@@ -183,6 +187,7 @@
     "protobufjs": "7.3.2",
     "proxy-agent": "6.4.0",
     "qrcode-generator": "1.4.4",
+    "radix-ui": "1.4.2",
     "react": "18.3.1",
     "react-aria": "3.35.1",
     "react-aria-components": "1.4.1",
@@ -199,7 +204,6 @@
     "redux-promise-middleware": "6.2.0",
     "redux-thunk": "3.1.0",
     "reselect": "5.1.1",
-    "sanitize.css": "13.0.0",
     "semver": "7.6.3",
     "split2": "4.2.0",
     "tinykeys": "3.0.0",
@@ -244,6 +248,8 @@
     "@storybook/test": "8.4.4",
     "@storybook/test-runner": "0.22.0",
     "@storybook/types": "8.1.11",
+    "@tailwindcss/cli": "4.1.7",
+    "@tailwindcss/postcss": "4.1.7",
     "@types/backbone": "1.4.22",
     "@types/blueimp-load-image": "5.16.6",
     "@types/chai": "4.3.16",
@@ -305,6 +311,7 @@
     "eslint": "8.56.0",
     "eslint-config-airbnb-typescript-prettier": "5.0.0",
     "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-better-tailwindcss": "3.7.2",
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-local-rules": "1.3.2",
     "eslint-plugin-mocha": "10.1.0",
@@ -324,7 +331,10 @@
     "pixelmatch": "5.3.0",
     "playwright": "1.45.0",
     "pngjs": "7.0.0",
+    "postcss": "8.5.3",
+    "postcss-loader": "8.1.1",
     "prettier": "3.3.3",
+    "prettier-plugin-tailwindcss": "0.6.11",
     "protobufjs-cli": "1.1.1",
     "react-devtools": "6.0.1",
     "react-devtools-core": "6.0.1",
@@ -340,6 +350,7 @@
     "stylelint-config-recommended-scss": "14.1.0",
     "stylelint-use-logical-spec": "5.0.1",
     "svgo": "3.3.2",
+    "tailwindcss": "4.1.7",
     "terser-webpack-plugin": "5.3.10",
     "ts-node": "10.9.2",
     "typescript": "5.6.3",
@@ -379,7 +390,8 @@
       "node-fetch@2.6.7": "patches/node-fetch+2.6.7.patch",
       "zod@3.23.8": "patches/zod+3.23.8.patch",
       "app-builder-lib": "patches/app-builder-lib.patch",
-      "dmg-builder": "patches/dmg-builder.patch"
+      "dmg-builder": "patches/dmg-builder.patch",
+      "eslint-plugin-better-tailwindcss": "patches/eslint-plugin-better-tailwindcss.patch"
     },
     "onlyBuiltDependencies": [
       "@indutny/mac-screen-share",
@@ -390,6 +402,7 @@
       "@signalapp/ringrtc",
       "@signalapp/windows-ucv",
       "@swc/core",
+      "@tailwindcss/oxide",
       "bufferutil",
       "electron",
       "esbuild",