ref(css): use sass for old css styles

Author: duncdrum

Gulpfile.js

@@ -27,7 +27,7 @@ var paths = {
     output: 'src/main/xar-resources/resources/scripts/'
   },
   styles: {
-    input: 'src/main/frontend/css/**',
+    input: 'src/main/frontend/sass/*.{scss,sass}',
     output: 'src/main/xar-resources/resources/styles/'
   },
   svgs: {
@@ -287,10 +287,10 @@ var buildPack = function(done) {
 
   // build highlight pack
   // see https://highlightjs.readthedocs.io/en/latest/building-testing.html
-  // TODO currently building is bugged
+  // TODO currently building is bugged when using npm
   let command = 'cd node_modules/highlight.js'
                     + ' && npm install'
-                    + ' && node tools/build :common xquery'
+                    + ' && node tools/build Apache CSS HTTP JavaScript Bash Makefile PHP Diff JSON Markdown Perl SQL HTML Java Nginx Shell Properties Less SCSS Puppet Dockerfile xquery'
 
   exec(command, (err, stdout, stderr)=> {
     console.log(stderr)

package-lock.json

@@ -32,6 +32,7 @@
     "gulp-flatmap": "^1.0.2",
     "gulp-header": "^2.0.7",
     "gulp-optimize-js": "^1.1.0",
+    "gulp-postcss": "^8.0.0",
     "gulp-rename": "^1.4.0",
     "gulp-sass": "^4.0.2",
     "gulp-standard": "^12.0.0",