build(node): upgrade to node v20.11.0 and related dependency

.github/workflows/ci.yaml

@@ -42,14 +42,13 @@ jobs:
       run: |
         poetry install
 
-    - uses: actions/setup-node@v3
+    - uses: actions/setup-node@v4
       with:
-        node-version: 8
-
-    - name: Setup Yarn install
-      uses: borales/actions-yarn@v4
-      with:
-        cmd: install
+        node-version: '20.x'
+
+    - name: install via yarn2
+      run: |
+       yarn install --immutable
 
     - name: Run ruff on src
       run: |

.nvmrc

@@ -1 +1 @@
-lts/carbon
+lts/iron

Dockerfile

@@ -1,17 +1,14 @@
 # [Node Stage to get node_modolues and node dependencies]
-FROM node:8.16.0-buster-slim as node_base
+FROM node:20.11.0-bullseye-slim as node_base
 # [Python Stage for Django web server]
 FROM python:3.10.14-slim-bullseye as python_base
 
 FROM node_base as node_deps
 COPY ./yarn.lock yarn.lock
 COPY ./package.json package.json
 
-RUN apt-get update
-RUN apt-get install python-pip -y
-
-RUN npm install -g yarn
-RUN yarn install --dev --frozen-lockfile && yarn cache clean
+RUN corepack enable
+RUN yarn install --immutable
 
 FROM python_base as python_deps
 ENV APP_DIR /usr/local/app

package.json

@@ -12,11 +12,12 @@
     "@babel/plugin-syntax-import-meta": "^7.10.4",
     "@babel/plugin-transform-class-properties": "^7.23.2",
     "@babel/preset-env": "^7.23.2",
-    "autoprefixer": "^8.0.0",
+    "autoprefixer": "^10.4.19",
     "babelify": "^10.0.0",
-    "browserify": "^16.1.0",
-    "node-sass": "^4.9.0",
-    "postcss-cli": "^5.0.0"
+    "browserify": "^17.0.0",
+    "node-sass": "^9.0.0",
+    "postcss": "^8.4.38",
+    "postcss-cli": "^11.0.0"
   },
   "dependencies": {
     "blueimp-gallery": "^2.44.0",

src/pycontw2016/settings/base.py

@@ -265,7 +265,7 @@ def node_bin(name):
 COMPRESS_SCSS_COMPILER_CMD = (
     '{node_sass_bin} --include --output-style expanded {paths} '
     '--include-path="{node_modules}" "{infile}" "{outfile}" && '
-    '{postcss_bin} --use "{node_modules}/autoprefixer" '
+    '{postcss_bin} --use "{node_modules}/autoprefixer/lib/autoprefixer.js" '
     '--autoprefixer.browsers "{autoprefixer_browsers}" -r "{outfile}"'
 )