Fix bug where browserslist target didn't work outside of tuple syntax

Author: adamwathan

__tests__/targetMode.test.js

@@ -83,6 +83,43 @@ test('plugins can request the target for a specific plugin key', () => {
 })
 
 test('browserslist target is translated to a target preset', () => {
+  return runInTempDirectory(() => {
+    fs.writeFileSync(
+      path.resolve('./.browserslistrc'),
+      `
+      last 2 versions
+      IE 11
+      `
+    )
+    const { utilities } = processPlugins(
+      [
+        function({ addUtilities, target }) {
+          addUtilities({
+            '.test': {
+              target: target('testPlugin'),
+            },
+          })
+        },
+      ],
+      {
+        ...config,
+        target: 'browserslist',
+      }
+    )
+
+    expect(css(utilities)).toMatchCss(`
+      @variants {
+        .test {
+          target: ie11
+        }
+      }
+    `)
+
+    return Promise.resolve()
+  })
+})
+
+test('browserslist target is translated to a target preset with overrides', () => {
   return runInTempDirectory(() => {
     fs.writeFileSync(
       path.resolve('./.browserslistrc'),

src/util/processPlugins.js

@@ -57,7 +57,7 @@ export default function(plugins, config) {
       },
       target: path => {
         if (_.isString(config.target)) {
-          return config.target
+          return config.target === 'browserslist' ? browserslistTarget : config.target
         }
 
         const [defaultTarget, targetOverrides] = getConfigValue('target')