Refactor Eleventy configuration to use Sass directly and update package dependencies for improved compatibility and performance. Added support for SCSS file compilation and updated various package versions in package.json and pnpm-lock.yaml.

.eleventy.js

@@ -1,7 +1,27 @@
-const eleventySass = require("eleventy-sass");
+const sass = require("sass");
+const path = require("path");
 
 module.exports = function (eleventyConfig) {
-  eleventyConfig.addPlugin(eleventySass);
+  eleventyConfig.addTemplateFormats("scss");
+  
+  eleventyConfig.addExtension("scss", {
+    outputFileExtension: "css",
+    compile: async function(inputContent, inputPath) {
+      const parsed = path.parse(inputPath);
+      if (parsed.name.startsWith("_")) {
+        return;
+      }
+      
+      const result = sass.compileString(inputContent, {
+        loadPaths: [parsed.dir || ".", path.join(process.cwd(), "src", "_includes")],
+        style: "expanded"
+      });
+      
+      return async (data) => {
+        return result.css;
+      };
+    }
+  });
 
   eleventyConfig.addWatchTarget("./src");
   eleventyConfig.addWatchTarget("./icons");

package.json

@@ -53,9 +53,9 @@
     "generate-icons-comment": "node ./.build/generate-icons-comment.mjs"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^2.0.1",
-    "@release-it-plugins/workspaces": "^4.2.1",
-    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@11ty/eleventy": "^3.1.2",
+    "@release-it-plugins/workspaces": "^5.0.3",
+    "@rollup/plugin-node-resolve": "catalog:",
     "@testing-library/jest-dom": "catalog:",
     "adm-zip": "^0.5.16",
     "cheerio": "^1.0.0",
@@ -73,14 +73,14 @@
     "openai": "^4.73.1",
     "parse-svg-path": "^0.1.2",
     "prettier": "^3.2.5",
-    "release-it": "17.1.1",
+    "release-it": "19.2.2",
     "rollup": "catalog:",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-esbuild": "^6.1.1",
-    "rollup-plugin-filesize": "10.0.0",
-    "rollup-plugin-license": "^3.2.0",
-    "rollup-plugin-peer-deps-external": "2.2.4",
-    "rollup-plugin-visualizer": "^6.0.5",
+    "rollup-plugin-dts": "catalog:",
+    "rollup-plugin-esbuild": "catalog:",
+    "rollup-plugin-filesize": "catalog:",
+    "rollup-plugin-license": "catalog:",
+    "rollup-plugin-peer-deps-external": "catalog:",
+    "rollup-plugin-visualizer": "catalog:",
     "sass": "^1.71.1",
     "slash": "^5.1.0",
     "svg-outline-stroke": "1.3.1",
@@ -113,7 +113,7 @@
       "release": true
     }
   },
-  "packageManager": "pnpm@10.26.1",
+  "packageManager": "pnpm@10.26.2",
   "pnpm": {
     "ignoredBuiltDependencies": [
       "@parcel/watcher",

packages/icons-eps/package.json

@@ -38,5 +38,8 @@
     "web",
     "eps",
     "vector"
-  ]
-}
+  ],
+  "devDependencies": {},
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

packages/icons-pdf/package.json

@@ -41,5 +41,8 @@
     "react",
     "front-end",
     "web"
-  ]
-}
+  ],
+  "devDependencies": {},
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

packages/icons-png/package.json

@@ -41,5 +41,8 @@
     "react",
     "front-end",
     "web"
-  ]
-}
+  ],
+  "devDependencies": {},
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

packages/icons-preact/package.json

@@ -45,5 +45,6 @@
     "@preact/preset-vite": "^2.10.2",
     "@testing-library/preact": "^3.2.3",
     "preact": "^10.19.6"
-  }
-}
+  },
+  "optionalDependencies": {}
+}

packages/icons-react-native/package.json

@@ -73,5 +73,6 @@
   },
   "peerDependencies": {
     "react": ">= 16.5.1"
-  }
-}
+  },
+  "optionalDependencies": {}
+}

packages/icons-react/package.json

@@ -48,5 +48,6 @@
   },
   "peerDependencies": {
     "react": ">= 16"
-  }
-}
+  },
+  "optionalDependencies": {}
+}

packages/icons-solidjs/package.json

@@ -55,9 +55,10 @@
     "rollup-preset-solid": "^2.0.1",
     "vite-plugin-solid": "^2.10.1",
     "solid-js": "^1.8.15",
-    "rollup": "^4.12.0"
+    "rollup": "catalog:"
   },
   "peerDependencies": {
     "solid-js": "^1.4.7"
-  }
-}
+  },
+  "optionalDependencies": {}
+}

packages/icons-sprite/package.json

@@ -39,5 +39,8 @@
     "react",
     "front-end",
     "web"
-  ]
-}
+  ],
+  "devDependencies": {},
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

packages/icons-svelte-runes/package.json

@@ -74,5 +74,6 @@
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
-  }
-}
+  },
+  "optionalDependencies": {}
+}

packages/icons-svelte/package.json

@@ -64,5 +64,6 @@
   },
   "peerDependencies": {
     "svelte": ">=3 <6 || >=5.0.0-next.0"
-  }
-}
+  },
+  "optionalDependencies": {}
+}

packages/icons-vue/package.json

@@ -45,5 +45,6 @@
     "@vue/compiler-sfc": "^3.4.20",
     "@vue/test-utils": "2.4.4",
     "vue": "^3.4.20"
-  }
-}
+  },
+  "optionalDependencies": {}
+}

packages/icons-webfont/package.json

@@ -58,5 +58,7 @@
     "svgicons2svgfont": "^15.0.1",
     "ttf2woff": "^3.0.0",
     "wawoff2": "^2.0.1"
-  }
+  },
+  "peerDependencies": {},
+  "optionalDependencies": {}
 }

packages/icons/package.json

@@ -47,5 +47,9 @@
     "react",
     "front-end",
     "web"
-  ]
-}
+  ],
+  "dependencies": {},
+  "devDependencies": {},
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

pnpm-workspace.yaml

@@ -1,16 +1,22 @@
 packages:
-  - 'packages/*'
-  - 'test/*'
-
+  - "packages/*"
+  - "test/*"
 catalog:
-  typescript: ^5.3.3
+  typescript: 5.9.3
   vite: ^7.3.0
   vitest: ^4.0.16
   jest-serializer-html: ^7.1.0
-  jsdom: ^25.0.1
-  "@testing-library/jest-dom": ^6.6.3
-  rollup: ^4.12.1
-  "@types/react": 18.2.60
-  "@testing-library/react": ^14.2.1
-  react: 18.2.0
-  "@vitejs/plugin-react": ^4.2.1
+  jsdom: 27.4.0
+  "@testing-library/jest-dom": 6.9.1
+  rollup: 4.54.0
+  "@rollup/plugin-node-resolve": 16.0.3
+  rollup-plugin-dts: 6.3.0
+  rollup-plugin-esbuild: 6.2.1
+  rollup-plugin-filesize: 10.0.0
+  rollup-plugin-license: 3.6.0
+  rollup-plugin-peer-deps-external: 2.2.4
+  rollup-plugin-visualizer: ^6.0.5
+  "@types/react": 18.3.27
+  "@testing-library/react": 16.3.1
+  react: 18.3.1
+  "@vitejs/plugin-react": 5.1.2

src/_includes/default.liquid

@@ -0,0 +1,32 @@
+---
+---
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport"
+	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+	<link rel="stylesheet" href="{{ site.baseurl }}/style.css">
+	<title>{% if not production %}DEV - {% endif %}Tabler Icons</title>
+
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
+	<style>
+		body {
+			display: none;
+		}
+	</style>
+</head>
+<body>
+
+{{ content }}
+
+<script>
+	$(document).ready(function(){
+		document.body.style.display = "block";
+	});
+</script>
+
+</body>
+</html>

test/test-preact/package.json

@@ -15,5 +15,7 @@
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.2"
-  }
-}
+  },
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

test/test-react-native/package.json

@@ -18,5 +18,7 @@
     "@types/react": "^18.2.60",
     "@types/react-dom": "^18.2.19",
     "@vitejs/plugin-react": "^5.1.2"
-  }
-}
+  },
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

test/test-react/package.json

@@ -18,5 +18,7 @@
     "@types/react": "^18.2.60",
     "@types/react-dom": "^18.2.19",
     "@vitejs/plugin-react": "^5.1.2"
-  }
-}
+  },
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

test/test-svelte/package.json

@@ -20,5 +20,7 @@
     "svelte-check": "^3.6.5",
     "tslib": "^2.6.2",
     "vite": "^5.4.0"
-  }
-}
+  },
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}

test/test-vue/package.json

@@ -16,5 +16,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.3",
     "vue-tsc": "^3.1.8"
-  }
-}
+  },
+  "peerDependencies": {},
+  "optionalDependencies": {}
+}