- add mixins, custom-properties, and calc plugins to stylis preproces…

…sor test

- update stylis to v3.2.0

package.json

@@ -38,7 +38,10 @@
     "stylecow-plugin-variables": "^5.1.1",
     "stylus": "^0.54.5",
     "through2": "^2.0.3",
-    "stylis": "^3.0.5"
+    "stylis": "^3.2.0",
+    "stylis-mixin": "^0.0.1",
+    "stylis-calc": "^0.0.1",
+    "stylis-custom-properties": "^0.0.3"
   },
   "scripts": {
     "lint-staged": "lint-staged",

parsers.js

@@ -29,7 +29,8 @@ var gonzales   = require('gonzales');
 var parserlib  = require('parserlib');
 var gonzalesPe = require('gonzales-pe');
 var csstree    = require('css-tree');
-var stylis     = require('stylis');
+var Stylis     = require('stylis');
+var stylis     = new Stylis();
 
 module.exports = {
     name: 'Bootstrap',

prefixers.js

@@ -46,7 +46,8 @@ var scssFile = path.join(__dirname, 'cache/bootstrap.prefixers.scss');
 fs.writeFileSync(scssFile, scss);
 
 // Stylis
-var stylis = require('stylis');
+var Stylis = require('stylis');
+var stylis = new Stylis();
 
 module.exports = {
     name: 'Bootstrap',

preprocessors.js

@@ -104,7 +104,8 @@ for ( i = 0; i < 100; i++ ) {
 }
 
 // Stylis
-var stylis = require('stylis');
+var Stylis = require('stylis');
+var stylis = new Stylis();
 var styi = css;
 styi += ':root { --size: 100px; }';
 for ( i = 0; i < 100; i++ ) {
@@ -114,6 +115,12 @@ for ( i = 0; i < 100; i++ ) {
     styi += '.search { fill: black; width: 16px; height: 16px; }';
 }
 
+stylis.use([
+    require('stylis-mixin'),
+    require('stylis-calc'),
+    require('stylis-custom-properties')
+]);
+
 module.exports = {
     name: 'Bootstrap',
     maxTime: 15,