fix: Fix SASS at-use import paths from node_modules.

When using Patternslib in another project the relative node_module at-use rule imports might fail.

This is now fixed as follows:

- For the css Makefile compile target, define node_modules as load-path.
- For the webpack compiler, the node_modules directory is already defined as load-path.
- Change the at-use import in scss files for the defined node_modules import path.

Author: thet

Makefile

@@ -59,7 +59,7 @@ bundle-pre:
 
 .PHONY: css
 css:
-	@$(SASS) -I style -I _sass -I . _sass/_patterns.scss style/patterns.css
+	@$(SASS) -I style --load-path node_modules/ _sass/_patterns.scss style/patterns.css
 
 
 # Update patterns-site

src/pat/colour-picker/_colour-picker.scss

@@ -1,6 +1,5 @@
 @charset "UTF-8";
-
-@use "../../../node_modules/spectrum-colorpicker/spectrum";
+@use "spectrum-colorpicker/spectrum";
 
 .checkNative,
 .checkPattern {

src/pat/date-picker/_date-picker.scss

@@ -1,2 +1,2 @@
 @charset "UTF-8";
-@use "../../../node_modules/pikaday/scss/pikaday.scss";
+@use "pikaday/scss/pikaday.scss";

src/pat/tooltip/_tooltip.scss

@@ -1,2 +1,2 @@
 @charset "UTF-8";
-@use "../../../node_modules/tippy.js/dist/tippy";
+@use "tippy.js/dist/tippy";