meta: bump the lint group with 5 updates

apps/site/app/[locale]/not-found.tsx

@@ -1,11 +1,11 @@
 'use client';
 
 import { ArrowRightIcon } from '@heroicons/react/24/solid';
-import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
 
 import Button from '#site/components/Common/Button';
+import Turtle from '#site/components/Common/Turtle';
 import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop';
 
 const NotFoundPage: FC = () => {
@@ -20,14 +20,7 @@ const NotFoundPage: FC = () => {
       </h1>
 
       <div className="my-4 flex h-[150px] items-center justify-center md:h-[300px]">
-        <div className="turtle motion-safe:animate-surf motion-reduce:animate-none">
-          <Image
-            src="/static/images/node-mascot.svg"
-            alt="The Node.js mascot"
-            height={114.69}
-            width={100}
-          />
-        </div>
+        <Turtle />
       </div>
 
       <p className="-mt-4 max-w-sm text-center text-lg">

apps/site/styles/effects.css → apps/site/components/Common/Turtle/index.module.css

@@ -1,5 +1,6 @@
-@utility turtle {
-  @apply animate-surf
+.turtle {
+  @apply motion-safe:animate-surf
+    animate-surf
     absolute
     z-10
     translate-x-0
@@ -16,12 +17,13 @@
     after:bg-[url('/static/images/smoke.gif')]
     after:opacity-[0.15]
     after:content-['']
+    motion-reduce:animate-none
     after:md:-left-1/2
     after:md:top-1/2;
+}
 
-  & img {
-    @apply h-auto
-      w-24
-      md:w-48;
-  }
+.image {
+  @apply h-auto
+    w-24
+    md:w-48;
 }

apps/site/components/Common/Turtle/index.tsx

@@ -0,0 +1,18 @@
+import Image from 'next/image';
+import type { FC } from 'react';
+
+import styles from './index.module.css';
+
+const Turtle: FC = () => (
+  <div className={styles.turtle}>
+    <Image
+      className={styles.image}
+      src="/static/images/node-mascot.svg"
+      alt="The Node.js mascot"
+      height={115}
+      width={100}
+    />
+  </div>
+);
+
+export default Turtle;

apps/site/package.json

@@ -84,7 +84,7 @@
     "@testing-library/user-event": "~14.6.1",
     "@types/mdx": "^2.0.13",
     "@types/semver": "~7.7.0",
-    "eslint-config-next": "15.4.3",
+    "eslint-config-next": "15.4.4",
     "eslint-import-resolver-typescript": "~4.4.4",
     "eslint-plugin-mdx": "~3.6.2",
     "eslint-plugin-react": "~7.37.4",
@@ -103,8 +103,8 @@
     "remark-lint-prohibited-strings": "^4.0.0",
     "remark-lint-unordered-list-marker-style": "^4.0.1",
     "remark-preset-lint-node": "5.1.2",
-    "stylelint": "16.22.0",
-    "stylelint-config-standard": "38.0.0",
+    "stylelint": "16.23.0",
+    "stylelint-config-standard": "39.0.0",
     "stylelint-order": "7.0.0",
     "stylelint-selector-bem-pattern": "4.0.1",
     "tsx": "^4.20.3",

apps/site/styles/index.css

@@ -7,5 +7,4 @@
 */
 
 @import '@node-core/ui-components/styles/index.css';
-@import './effects.css';
 @import './locales.css';

package.json

@@ -39,11 +39,11 @@
     "turbo": "2.5.5"
   },
   "devDependencies": {
-    "@eslint/js": "~9.31.0",
+    "@eslint/js": "~9.32.0",
     "@reporters/github": "^1.7.2",
     "@testing-library/react": "~16.3.0",
     "cross-env": "^7.0.3",
-    "eslint": "~9.31.0",
+    "eslint": "~9.32.0",
     "eslint-plugin-import-x": "~4.16.1",
     "prettier": "3.6.2",
     "prettier-plugin-tailwindcss": "0.6.14"

packages/ui-components/package.json

@@ -62,8 +62,8 @@
     "react": "catalog:",
     "storybook": "^9.0.18",
     "style-loader": "~4.0.0",
-    "stylelint": "^16.22.0",
-    "stylelint-config-standard": "^38.0.0",
+    "stylelint": "^16.23.0",
+    "stylelint-config-standard": "^39.0.0",
     "stylelint-order": "7.0.0",
     "stylelint-selector-bem-pattern": "4.0.1",
     "tailwindcss": "catalog:",