Massive dep updates

Author: Brutus5000

.github/workflows/code-linter.yml

@@ -13,7 +13,7 @@ jobs:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v3
       with:
-        node-version: '20'
+        node-version: '22'
         cache: 'yarn'
     - run: yarn install --frozen-lockfile
     - run: yarn run lint

.github/workflows/code-test.yml

@@ -9,10 +9,10 @@ jobs:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v3
       with:
-        node-version: '20'
+        node-version: '22'
         cache: 'yarn'
     -   run: yarn install --frozen-lockfile
     -   run: npx webpack
     -   run: yarn run test
     -   uses: codecov/codecov-action@v3
-    
+

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20.9-bookworm as builder
+FROM node:22-bookworm as builder
 RUN apt-get update && apt-get install -y --no-install-recommends dumb-init
 ENV NODE_ENV development
 
@@ -10,7 +10,7 @@ RUN npx webpack
 RUN ./node_modules/.bin/grunt prod
 RUN yarn install --production=true --ignore-optional --frozen-lockfile
 
-FROM node:20.9.0-bookworm-slim as runtime
+FROM node:22-bookworm-slim as runtime
 ENV NODE_ENV production
 
 COPY --from=builder /usr/bin/dumb-init /usr/bin/dumb-init

Dockerfile-dev

@@ -1,4 +1,4 @@
-FROM node:20.9-bookworm
+FROM node:22-bookworm
 RUN apt-get update && apt-get install -y --no-install-recommends dumb-init
 ENV NODE_ENV development
 WORKDIR /code

grunt/sass.js

@@ -1,4 +1,4 @@
-const sass = require('dart-sass')
+const sass = require('sass')
 
 module.exports = {
     dev: {

package.json

@@ -3,67 +3,66 @@
   "version": "2.0.0",
   "private": true,
   "dependencies": {
-    "axios": "1.7.4",
-    "body-parser": "1.20.3",
+      "axios": "1.10.0",
+      "body-parser": "2.2.0",
     "client-oauth2": "4.3.3",
     "connect-flash": "^0.1.1",
-    "dotenv": "16.3.1",
-    "express": "^4.20.0",
-    "express-async-errors": "^3.1.1",
-    "express-session": "^1.17.3",
-    "express-validator": "7.0.1",
-    "moment": "^2.29.4",
+      "dotenv": "17.0.0",
+      "express": "^5.1.0",
+      "express-session": "^1.18.1",
+      "express-validator": "7.2.1",
+      "moment": "^2.30.1",
     "node-cache": "^5.1.2",
-    "node-dependency-injection": "^3.1.2",
-    "node-fetch": "^2.6.7",
+      "node-dependency-injection": "^3.2.2",
+      "node-fetch": "^3.3.2",
     "npm-check": "^6.0.1",
-    "passport": "^0.6.0",
+      "passport": "^0.7.0",
     "passport-oauth2-refresh": "^2.2.0",
-    "passport-openidconnect": "^0.1.1",
+      "passport-openidconnect": "^0.1.2",
     "pug": "3.0.3",
     "request": "2.88.2",
+      "sass": "^1.89.2",
     "session-file-store": "^1.5.0",
     "showdown": "^2.1.0",
-    "simple-datatables": "^9.0.0",
-    "simple-oauth2": "^5.0.0",
+      "simple-datatables": "^10.0.0",
+      "simple-oauth2": "^5.1.0",
     "supertest-session": "^5.0.1",
     "url-slug": "^4.0.1"
   },
   "devDependencies": {
-    "@prettier/plugin-pug": "^3.0.0",
-    "awesomplete": "^1.1.5",
-    "css-loader": "^6.8.1",
-    "dart-sass": "^1.25.0",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.1.0",
+      "@prettier/plugin-pug": "^3.4.0",
+      "awesomplete": "^1.1.7",
+      "css-loader": "^7.1.2",
+      "eslint": "^9.30.0",
+      "eslint-config-prettier": "^10.1.5",
     "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-n": "^16.3.1",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-promise": "^6.1.1",
+      "eslint-plugin-import": "^2.32.0",
+      "eslint-plugin-n": "^17.20.0",
+      "eslint-plugin-prettier": "^5.5.1",
+      "eslint-plugin-promise": "^7.2.1",
     "grunt": "1.6.1",
     "grunt-concurrent": "3.0.0",
     "grunt-contrib-watch": "^1.1.0",
     "grunt-nodemon": "^0.4.2",
     "grunt-postcss": "0.9.0",
     "grunt-run": "^0.8.1",
-    "grunt-sass": "3.1.0",
-    "highcharts": "^11.2.0",
-    "jest": "^29.7.0",
+      "grunt-sass": "4.0.0",
+      "highcharts": "^12.3.0",
+      "jest": "^30.0.3",
     "load-grunt-config": "4.0.1",
     "load-grunt-tasks": "5.1.0",
-    "nock": "^13.3.8",
-    "octokit": "^3.1.2",
-    "prettier": "^3.1.1",
-    "style-loader": "^3.3.3",
-    "supertest": "^6.3.3",
-    "typescript": "^5.3.2",
-    "webpack": "^5.94.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-manifest-plugin": "^5.0.0"
+      "nock": "^14.0.5",
+      "octokit": "^5.0.3",
+      "prettier": "^3.6.2",
+      "style-loader": "^4.0.0",
+      "supertest": "^7.1.1",
+      "typescript": "^5.8.3",
+      "webpack": "^5.99.9",
+      "webpack-cli": "^6.0.1",
+      "webpack-manifest-plugin": "^5.0.1"
   },
   "engines": {
-    "node": ">=20.9.0",
+      "node": ">=22.0.0",
     "yarn": ">=1.22.0"
   },
   "scripts": {

public/styles/abstracts/_variables.sass

@@ -1,3 +1,5 @@
+@use "sass:color"
+
 // Background Colors
 $background-primary: #000000
 $background-secondary: #262626
@@ -25,17 +27,17 @@ $button-low-Contrast: #323232
 
 //Faction Colora
 $UEF: #1f2349
-$UEF-dark: mix($UEF, black, 60%)
-$UEF-light: mix($UEF, #3737ff, 20%)
+$UEF-dark: color.mix($UEF, black, 60%)
+$UEF-light: color.mix($UEF, #3737ff, 20%)
 
 $Aeon: #28491f
-$Aeon-dark: mix($Aeon, black, 60%)
-$Aeon-light: mix($Aeon, #5cff37, 20%)
+$Aeon-dark: color.mix($Aeon, black, 60%)
+$Aeon-light: color.mix($Aeon, #5cff37, 20%)
 
 $Cybran: #491f1f
-$Cybran-dark: mix($Cybran, black, 60%)
-$Cybran-light: mix($Cybran, #ff3737, 20%)
+$Cybran-dark: color.mix($Cybran, black, 60%)
+$Cybran-light: color.mix($Cybran, #ff3737, 20%)
 
 $Seraphim: #49411f
-$Seraphim-dark: mix($Seraphim, black, 60%)
-$Seraphim-light: mix($Seraphim, #ffd737, 20%)
+$Seraphim-dark: color.mix($Seraphim, black, 60%)
+$Seraphim-light: color.mix($Seraphim, #ffd737, 20%)