Plugins enabled via features should override browserslist (csstools#165)

Author: Semigradsky

.tape.js

@@ -65,6 +65,15 @@ module.exports = {
 			}
 		}
 	},
+	'custom-properties:enabled': {
+		message: 'supports { browsers: "chrome >= 60", features: { "custom-properties": true } } usage',
+		options: {
+			browsers: 'chrome >= 60',
+			features: {
+				'custom-properties': true
+			}
+		}
+	},
 	'insert:before': {
 		message: 'supports { stage: 1, features: { "color-mod-function": true }, insertBefore: { "color-mod-function": [ require("postcss-simple-vars") ] } } usage',
 		options: {

src/postcss.js

@@ -88,7 +88,9 @@ export default postcss.plugin('postcss-preset-env', opts => {
 
 	// features supported by the stage and browsers
 	const supportedFeatures = stagedFeatures.filter(
-		feature => supportedBrowsers.some(
+		feature => feature.id in features
+			? features[feature.id]
+		: supportedBrowsers.some(
 			supportedBrowser => browserslist(feature.browsers, {
 				ignoreUnknownVersions: true
 			}).some(

test/custom-properties.enabled.expect.css

@@ -0,0 +1,8 @@
+:root {
+	--black: black;
+}
+
+test-css-variables {
+	color: black;
+	color: var(--black);
+}