Replace node-sass with sass for SCSS compilation. Fixes #5096

This will fix issues reported by the yarn audit. sass is better-maintained library than node-sass.

docs/en_US/release_notes_4_18.rst

@@ -17,6 +17,7 @@ Housekeeping
 | `Issue #5049 <https://redmine.postgresql.org/issues/5049>`_ -  Improve code coverage and API test cases for the CAST module.
 | `Issue #5071 <https://redmine.postgresql.org/issues/5071>`_ -  Improve the test framework to run for multiple classes defined in a single file.
 | `Issue #5072 <https://redmine.postgresql.org/issues/5072>`_ -  Updated wcDocker package which includes aria-label accessibility improvements.
+| `Issue #5096 <https://redmine.postgresql.org/issues/5096>`_ -  Replace node-sass with sass for SCSS compilation.
 
 Bug fixes
 *********

web/package.json

@@ -33,11 +33,11 @@
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "~4.0.0-rc.6",
     "mini-css-extract-plugin": "^0.5.0",
-    "node-sass": "^4.11.0",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
     "popper.js": "^1.14.7",
     "postcss-loader": "^3.0.0",
     "raw-loader": "^1.0.0",
+    "sass": "^1.24.4",
     "sass-loader": "^7.1.0",
     "sass-resources-loader": "^2.0.0",
     "style-loader": "^0.23.1",

web/pgadmin/static/scss/_backform.overrides.scss

@@ -37,13 +37,13 @@
 }
 .backform-tab .tab-pane {
 	padding: 0.5rem;
-	&.SQL {
-    height: 100%;
-    padding: 0px;
+	&.SQL, &.sql-code-control {
+        height: 100%;
+        padding: 0px;
 
-    & .pgadmin-controls.SQL {
-      padding: 0px;
-    }
+        & .pgadmin-controls.SQL {
+          padding: 0px;
+        }
 	}
 }
 

web/pgadmin/static/scss/_backgrid.overrides.scss

@@ -149,10 +149,6 @@ table.backgrid {
   font-weight: normal;
 }
 
-span.form-control:disabled {
-  @extend .form-control:disabled
-}
-
 .subnode {
   border: $panel-border;
   background: $color-bg;

web/pgadmin/static/scss/_pgadmin.style.scss

@@ -512,7 +512,6 @@ fieldset.inline-fieldset > div {
 }
 
 .tab-pane.sql-code-control {
-  @extend .tab-pane.SQL;
   & .pgadmin-control-group{
     margin: 0px;
     padding: 0px;