feat: support pkg: imports

.gitignore

@@ -7,6 +7,7 @@ npm-debug.log*
 node_modules/
 !fixtures/e2e/node_modules
 !fixtures/e2e/completion/node_modules
+!fixtures/e2e/pkg-import/node_modules
 
 # Compiled and temporary files
 dist/

e2e/src/suite/definition/definitions.test.ts

@@ -12,12 +12,15 @@ describe("SCSS Definition Test", function () {
 	const vueDocUri = getDocUri("definition/AppButton.vue");
 	const svelteDocUri = getDocUri("definition/AppButton.svelte");
 	const astroDocUri = getDocUri("definition/AppButton.astro");
+	const pkgImportUri = getDocUri("pkg-import/src/styles.scss");
+	const scopedPkgImportUri = getDocUri("pkg-import/src/scoped.scss");
 
 	before(async () => {
 		await showFile(docUri);
 		await showFile(vueDocUri);
 		await showFile(svelteDocUri);
 		await showFile(astroDocUri);
+		await showFile(pkgImportUri);
 		await sleepCI();
 	});
 
@@ -77,4 +80,20 @@ describe("SCSS Definition Test", function () {
 		await testDefinition(svelteDocUri, position(18, 17), expectedLocation);
 		await testDefinition(astroDocUri, position(21, 17), expectedLocation);
 	});
+
+	it("finds symbol from pkg: import", async () => {
+		const expectedDocumentUri = getDocUri(
+			"pkg-import/node_modules/my-components/styles/colors.scss",
+		);
+		const expectedLocation = sameLineLocation(expectedDocumentUri, 3, 1, 15);
+		await testDefinition(pkgImportUri, position(4, 19), expectedLocation);
+	});
+
+	it("finds symbol from scoped pkg: import", async () => {
+		const expectedDocumentUri = getDocUri(
+			"pkg-import/node_modules/@my-scope/my-components/styles/colors.scss",
+		);
+		const expectedLocation = sameLineLocation(expectedDocumentUri, 3, 1, 15);
+		await testDefinition(scopedPkgImportUri, position(4, 19), expectedLocation);
+	});
 });

e2e/src/suite/hover/hover.test.ts

@@ -7,13 +7,15 @@ describe("SCSS Hover Test", function () {
 	const vueDocUri = getDocUri("hover/AppButton.vue");
 	const svelteDocUri = getDocUri("hover/AppButton.svelte");
 	const astroDocUri = getDocUri("hover/AppButton.astro");
+	const pkgImportUri = getDocUri("pkg-import/src/styles.scss");
 
 	before(async () => {
 		await showFile(docUri);
 		await showFile(collisionUri);
 		await showFile(vueDocUri);
 		await showFile(svelteDocUri);
 		await showFile(astroDocUri);
+		await showFile(pkgImportUri);
 		await sleepCI();
 	});
 
@@ -129,4 +131,11 @@ describe("SCSS Hover Test", function () {
 
 		await testHover(collisionUri, position(5, 20), expectedContents);
 	});
+
+	it("shows hover for symbols from pkg: import", async () => {
+		const expectedContents = {
+			contents: ["Primary brand color"],
+		};
+		await testHover(pkgImportUri, position(4, 19), expectedContents);
+	});
 });

fixtures/e2e/pkg-import/.gitignore

@@ -0,0 +1,4 @@
+dist/
+node_modules/*
+!node_modules/my-components
+!node_modules/@my-scope

fixtures/e2e/pkg-import/README.md

@@ -0,0 +1,3 @@
+# pkg-import
+
+https://sass-lang.com/blog/announcing-pkg-importers/

fixtures/e2e/pkg-import/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "pkg-import",
+  "version": "1.0.0",
+  "private": true,
+  "type": "commonjs",
+  "description": "Test using the pgk import from a module",
+  "scripts": {
+    "test": "node --test sass.test.js"
+  },
+  "devDependencies": {
+    "sass": "^1.71.0"
+  }
+}

fixtures/e2e/pkg-import/sass.test.js

@@ -0,0 +1,20 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const assert = require("node:assert");
+const { test } = require("node:test");
+const sass = require("sass");
+
+test("noscope", () => {
+  const css = sass.compile("src/styles.scss", {
+    importers: [new sass.NodePackageImporter()],
+  });
+  assert.ok(css);
+  assert.match(css.css, /color: green/);
+});
+
+test("scope", () => {
+  const css = sass.compile("src/scoped.scss", {
+    importers: [new sass.NodePackageImporter()],
+  });
+  assert.ok(css);
+  assert.match(css.css, /color: green/);
+});