feat: switch to sass (#614)

* feat: switch to sass

* style: format

build-style.sh

@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
 
 printf "// generated with build-style.sh\nexport default \`" > src/style.ts
-node-sass vega-tooltip.scss >> src/style.ts
+yarn -s sass vega-tooltip.scss >> src/style.ts
 echo "\`;" >> src/style.ts

package.json

@@ -61,24 +61,24 @@
     "release": "yarn run prebuild && yarn build && auto shipit"
   },
   "devDependencies": {
-    "@auto-it/conventional-commits": "^10.32.0",
-    "@auto-it/first-time-contributor": "^10.32.0",
+    "@auto-it/conventional-commits": "^10.32.3",
+    "@auto-it/first-time-contributor": "^10.32.3",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.5",
-    "rollup-plugin-ts": "^1.3.14",
-    "auto": "^10.32.0",
-    "browser-sync": "^2.27.5",
-    "concurrently": "^6.2.1",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "rollup-plugin-ts": "^2.0.4",
+    "auto": "^10.32.3",
+    "browser-sync": "^2.27.7",
+    "concurrently": "^6.4.0",
     "gh-pages": "^3.2.3",
-    "node-sass": "^6.0.1",
+    "sass": "^1.44.0",
     "path": "^0.12.7",
-    "rollup": "^2.56.3",
+    "rollup": "^2.60.2",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-terser": "^7.0.2",
-    "typescript": "~4.4.3",
+    "typescript": "~4.5.2",
     "vega-datasets": "^2.2.0",
     "vega-lite-dev-config": "^0.20.0",
-    "vega-typings": "^0.22.0"
+    "vega-typings": "^0.22.1"
   },
   "dependencies": {
     "vega-util": "^1.17.0"

src/defaults.ts

@@ -1,4 +1,4 @@
-import { formatValue } from './formatValue';
+import {formatValue} from './formatValue';
 import defaultStyle from './style';
 
 const EL_ID = 'vg-tooltip-element';