QUALITY: Prepare for migration to angular 8

Gruntfile.js

@@ -25,6 +25,9 @@ module.exports = function ( grunt ) {
   grunt.loadNpmTasks('grunt-postcss');
   grunt.loadNpmTasks('grunt-newer');
 
+
+  var sass = require('node-sass');
+  require('load-grunt-tasks')(grunt);
   /**
    * Load in our build configuration file.
    */
@@ -309,6 +312,7 @@ module.exports = function ( grunt ) {
     sass: {
       source: {
         options: {
+          implementation: sass,
           lineNumbers: true,
           sourcemap: 'none'
         },

package.json

@@ -104,6 +104,7 @@
     "grunt-ngmin": "0.0.3",
     "grunt-postcss": "^0.8.0",
     "grunt-preprocess": "5.1.0",
+    "grunt-sass": "^3.0.2",
     "grunt-sass-globbing": "^1.4.0",
     "ip": "^1.1.2",
     "jasmine-core": "~2.4.1",
@@ -113,6 +114,7 @@
     "karma-coverage-istanbul-reporter": "~1.4.2",
     "karma-jasmine": "~1.1.1",
     "karma-jasmine-html-reporter": "^0.2.2",
+    "load-grunt-tasks": "^5.0.0",
     "node-sass": "^4.12.0",
     "npm-run-all": "^4.1.5",
     "postcss-scss": "^0.1.7",

src/app/doubtfire-angular.module.ts

@@ -43,7 +43,6 @@ import { ExtensionCommentComponent } from './tasks/task-comments-viewer/extensio
 import { ExtensionModalComponent } from './common/modals/extension-modal/extension-modal.component';
 
 import 'hammerjs';
-import 'moment';
 
 @NgModule({
   // components

src/app/tasks/task-sheet-viewer/task-sheet-viewer.scss

@@ -40,7 +40,7 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      height: calc(~'100% - 1px');
+      height: calc('100% - 1px');
       text-align: center;
       border-radius: 0;
       &:first-child {