Update to modern SASS

Author: RobLoach

HISTORY.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## v2.0.0: 2022-06-28
+
+- Move to modern SASS ([#25](https://github.com/jstransformers/jstransformer-scss/pull/25) by [@ispyhumanfly](https://github.com/ispyhumanfly))
+
 ## v1.0.0: 2017-09-18
 
 - Updated Boilerplate

index.js

@@ -1,5 +1,3 @@
-'use strict'
-
 const path = require('path')
 const sass = require('sass')
 const extend = require('extend-shallow')
@@ -9,6 +7,7 @@ exports.outputFormat = 'css'
 
 exports.render = function (str, options) {
   const input = extend({}, options, {data: str})
+  // TODO: Replace with sass.compileString()
   const out = sass.renderSync(input)
   return {
     body: out.css.toString(),
@@ -21,6 +20,7 @@ exports.render = function (str, options) {
 exports.renderAsync = function (str, options) {
   const input = extend({}, options, {data: str})
   return new Promise((resolve, reject) => {
+    // TODO: Replace with sass.compileStringAsync()
     sass.render(input, (err, out) => {
       if (err) {
         return reject(err)
@@ -40,6 +40,7 @@ exports.renderFile = function (filename, options) {
   const input = extend({}, options, {
     file: path.resolve(filename)
   })
+  // TODO: Replace with sass.compile()
   const out = sass.renderSync(input)
   return {
     body: out.css.toString(),
@@ -54,6 +55,7 @@ exports.renderFile = function (filename, options) {
 exports.renderFileAsync = function (filename, options) {
   const input = extend({}, options, {file: path.resolve(filename)})
   return new Promise((resolve, reject) => {
+    // TODO: Replace with sass.compileAsync()
     sass.render(input, (err, out) => {
       if (err) {
         return reject(err)

package.json

@@ -1,10 +1,10 @@
 {
   "dependencies": {
     "extend-shallow": "^3.0.2",
-    "sass": "^1.24.4"
+    "sass": "~1.53.0"
   },
   "name": "jstransformer-scss",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "SCSS support for JSTransformers",
   "keywords": [
     "jstransformer"
@@ -13,13 +13,12 @@
     "index.js"
   ],
   "devDependencies": {
-    "test-jstransformer": "^1.0.3",
+    "test-jstransformer": "^1.1.0",
     "xo": "*"
   },
   "scripts": {
     "test": "test-jstransformer",
-    "coverage": "test-jstransformer coverage",
-    "posttest": "xo --space=2 --no-semicolon index.js"
+    "coverage": "test-jstransformer coverage"
   },
   "engines": {
     "node": ">=4"

test/indentedSyntax/expected.css

@@ -9,5 +9,5 @@ nav li {
 nav a {
   display: block;
   padding: 6px 12px;
-  text-decoration: none; 
+  text-decoration: none;
 }

test/scss/expected.css

@@ -1,15 +1,13 @@
 nav ul {
   margin: 0;
   padding: 0;
-  list-style: none; 
+  list-style: none;
 }
-
 nav li {
-  display: inline-block; 
+  display: inline-block;
 }
-
 nav a {
   display: block;
   padding: 6px 12px;
-  text-decoration: none; 
+  text-decoration: none;
 }