update js dependencies

.drone.yml

@@ -17,7 +17,7 @@ steps:
       - .mix
 
 - name: test
-  image: elixir:1.18.1-alpine
+  image: elixir:1.18.0-alpine
   environment:
     TEST_DATABASE_URL: ecto://postgres:postgres@database/memex_test
     HOST: testing.example.tld

.tool-versions

@@ -1,3 +1,3 @@
-elixir 1.18.1-otp-27
+elixir 1.18.0-otp-27
 erlang 27.2
 nodejs 23.5.0

Dockerfile

@@ -1,4 +1,4 @@
-FROM elixir:1.18.1-alpine AS build
+FROM elixir:1.18.0-alpine AS build
 
 # install build dependencies
 RUN apk add --no-cache build-base npm git python3

assets/css/app.scss

@@ -1,6 +1,7 @@
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";
+@use "tailwindcss/base";
+@use "tailwindcss/components";
+@use "tailwindcss/utilities";
+@use "components" as memex-components;
 
 $fa-font-path: "@fortawesome/fontawesome-free/webfonts";
 @import "@fortawesome/fontawesome-free/scss/fontawesome";
@@ -8,8 +9,6 @@ $fa-font-path: "@fortawesome/fontawesome-free/webfonts";
 @import "@fortawesome/fontawesome-free/scss/solid";
 @import "@fortawesome/fontawesome-free/scss/brands";
 
-@import "components";
-
 /* fix firefox scrollbars */
 * {
   scrollbar-width: auto;

assets/package.json

@@ -12,35 +12,35 @@
     "test": "standard"
   },
   "dependencies": {
-    "@fontsource/nunito-sans": "^5.0.13",
-    "@fortawesome/fontawesome-free": "^6.6.0",
+    "@fontsource/nunito-sans": "^5.1.1",
+    "@fortawesome/fontawesome-free": "^6.7.2",
     "phoenix": "file:../deps/phoenix",
     "phoenix_html": "file:../deps/phoenix_html",
     "phoenix_live_view": "file:../deps/phoenix_live_view",
     "topbar": "^3.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.9",
-    "@babel/preset-env": "^7.25.0",
-    "autoprefixer": "^10.4.19",
-    "babel-loader": "^9.1.3",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "autoprefixer": "^10.4.20",
+    "babel-loader": "^9.2.1",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.0",
     "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^2.9.0",
-    "npm-check-updates": "^16.14.20",
-    "postcss": "^8.4.40",
+    "mini-css-extract-plugin": "^2.9.2",
+    "npm-check-updates": "^17.1.13",
+    "postcss": "^8.4.49",
     "postcss-import": "^16.1.0",
     "postcss-loader": "^8.1.1",
-    "postcss-preset-env": "^9.6.0",
-    "sass": "^1.77.8",
-    "sass-loader": "^16.0.0",
-    "standard": "^17.1.0",
-    "tailwindcss": "^3.4.7",
-    "terser-webpack-plugin": "^5.3.10",
-    "webpack": "^5.93.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
+    "postcss-preset-env": "^10.1.3",
+    "sass": "^1.83.0",
+    "sass-loader": "^16.0.4",
+    "standard": "^17.1.2",
+    "tailwindcss": "^3.4.17",
+    "terser-webpack-plugin": "^5.3.11",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0"
   }
 }

mix.exs

@@ -5,7 +5,7 @@ defmodule Memex.MixProject do
     [
       app: :memex,
       version: "0.1.17",
-      elixir: "1.18.1",
+      elixir: "1.18.0",
       elixirc_paths: elixirc_paths(Mix.env()),
       start_permanent: Mix.env() == :prod,
       aliases: aliases(),