chore(deps): update dependencies

fix(toc): address selected text highlight issue (#127, #126)
  - Updated styles in _markdown.scss and _typography.scss
  - Modified TableOfContents.svelte to fix issues with text selection

Author: grmbyrn

package-lock.json

@@ -15,46 +15,46 @@
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.2.3",
-		"@eslint/js": "^9.16.0",
+		"@eslint/js": "^9.17.0",
 		"@melt-ui/pp": "^0.3.2",
 		"@melt-ui/svelte": "^0.86.2",
-		"@sveltejs/adapter-static": "^3.0.0",
-		"@sveltejs/kit": "^2.11.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.2",
-		"@types/dateformat": "^5.0.2",
-		"@types/node": "^22.10.1",
+		"@sveltejs/adapter-static": "^3.0.8",
+		"@sveltejs/kit": "^2.15.2",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@types/dateformat": "^5.0.3",
+		"@types/node": "^22.10.5",
 		"@types/prismjs": "^1.26.5",
-		"@typescript-eslint/eslint-plugin": "^8.18.0",
-		"@typescript-eslint/parser": "^8.18.0",
+		"@typescript-eslint/eslint-plugin": "^8.19.1",
+		"@typescript-eslint/parser": "^8.19.1",
 		"autoprefixer": "^10.4.20",
-		"eslint": "^9.16.0",
+		"eslint": "^9.17.0",
 		"eslint-config-eslint": "^11.0.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-prettier": "^5.2.1",
 		"eslint-plugin-svelte": "^2.36.0",
-		"globals": "^15.0.0",
+		"globals": "^15.14.0",
 		"mdsvex": "^0.12.3",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",
 		"prettier-plugin-tailwindcss": "^0.6.5",
 		"rehype-autolink-headings": "^7.1.0",
 		"rehype-external-links": "^3.0.0",
 		"rehype-slug": "^6.0.0",
-		"sass": "^1.82.0",
-		"svelte": "^5.0.0",
+		"sass": "^1.83.1",
+		"svelte": "^5.17.1",
 		"svelte-check": "^4.0.0",
 		"svelte-eslint-parser": "^0.43.0",
-		"svelte-sitemap": "^2.6.0",
-		"tailwindcss": "^3.4.9",
+		"svelte-sitemap": "^2.7.0",
+		"tailwindcss": "^3.4.17",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.0.0",
 		"vite": "^6.0.0",
 		"vite-plugin-imagemin": "^0.6.1"
 	},
 	"dependencies": {
 		"@fontsource-variable/roboto-mono": "^5.1.0",
-		"@fontsource-variable/roboto-slab": "^5.1.0",
-		"@iconify/svelte": "^4.0.2",
+		"@fontsource-variable/roboto-slab": "^5.1.1",
+		"@iconify/svelte": "^4.2.0",
 		"@tailwindcss/container-queries": "^0.1.1",
 		"@tailwindcss/forms": "^0.5.9",
 		"@tailwindcss/typography": "^0.5.15",

package.json

@@ -87,21 +87,23 @@
 
 		li {
 			margin-top: 16px;
+			list-style-type: none !important;
+			margin-left: 0 !important;
 
 			a {
-				color: rgba(245, 245, 245, 0.96);
+				color: rgba(245, 245, 245, 0.96) !important;
 				font-size: 0.875rem;
 				text-decoration: none;
 				word-break: keep-all;
 
 				&:hover {
-					color: rgba(255, 49, 0, 0.96);
+					color: rgba(255, 49, 0, 0.96) !important;
 				}
 			}
 
 			&.active a {
 				font-weight: bold;
-				color: rgba(255, 49, 0, 0.96);
+				color: rgba(255, 49, 0, 0.96) !important;
 			}
 		}
 	}

src/lib/components/atoms/TableOfContents.svelte

@@ -1,5 +1,10 @@
 #article-content {
 	.content {
+		a {
+			color: rgba(255, 49, 0, 0.96);
+			word-break: keep-all;
+		}
+
 		a:not(.button) {
 			&:hover {
 				filter: drop-shadow(0px 0px 3px var(--color--primary));
@@ -97,4 +102,9 @@
 	img {
 		border-radius: 6px;
 	}
+
+	ul li {
+		list-style-type: disc;
+		margin-left: 1rem;
+	}
 }

src/lib/scss/_markdown.scss

@@ -18,7 +18,7 @@ a {
 }
 
 ::selection {
-	background-color: rgba(var(--color--primary-rgb), 0.3);
+	background-color: rgba(0, 120, 215, 0.3);
 	color: var(--color--text);
 	text-shadow: none;
 }