fix(angular) stylus build issue (#6636)

* fix(angular) stylus build issue

* Add stylus override to mega app angular 14

Author: osama-rizk

build-system-tests/scripts/mega-app-copy-files.sh

@@ -131,6 +131,16 @@ if [[ "$FRAMEWORK" == 'angular' ]]; then
         echo "pin @types/node version in mega-apps/${MEGA_APP_NAME}/package.json"
         echo "npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.dependencies["@types/node"] = "20.11.7"'"
         npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.dependencies["@types/node"] = "20.11.7"'
+
+        # Add stylus overrides for Angular 14
+        echo "Adding stylus overrides for Angular 14"
+        echo "npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.overrides = this.overrides || {}; this.overrides.stylus = \"github:stylus/stylus#0.59.0\"'"
+        npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.overrides = this.overrides || {}; this.overrides.stylus = "github:stylus/stylus#0.59.0"'
+        
+        echo "npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.resolutions = this.resolutions || {}; this.resolutions.stylus = \"github:stylus/stylus#0.59.0\"'"
+        npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.resolutions = this.resolutions || {}; this.resolutions.stylus = "github:stylus/stylus#0.59.0"'
+        
+        echo "Stylus overrides added for Angular 14"
     fi
 fi
 

package.json

@@ -109,7 +109,8 @@
     "tar-fs": "^3.0.8",
     "webpack-dev-middleware": "^5.3.4",
     "yaml": "2.2.2",
-    "ws": "^8.17.1"
+    "ws": "^8.17.1",
+    "stylus": "github:stylus/stylus#0.59.0"
   },
   "devDependencies": {
     "@aws-amplify/backend": "^1.7.0",
@@ -149,5 +150,8 @@
     "typescript": "^5.2.2",
     "vite": "^5.4.19",
     "vue-tsc": "^2.0.7"
+  },
+  "overrides": {
+    "stylus": "github:stylus/stylus#0.59.0"
   }
 }

packages/angular/package.json

@@ -46,5 +46,11 @@
       "@angular-devkit/build-angular"
     ]
   },
-  "typings": "./dist/ui-angular/index.d.ts"
+  "typings": "./dist/ui-angular/index.d.ts",
+  "overrides": {
+    "stylus": "github:stylus/stylus#0.59.0"
+  },
+  "resolutions": {
+    "stylus": "github:stylus/stylus#0.59.0"
+  }
 }