Fix bugs in divideOpacity and placeholderOpacity plugins

src/plugins/divideOpacity.js

@@ -1,5 +1,18 @@
-import createUtilityPlugin from '../util/createUtilityPlugin'
+import _ from 'lodash'
 
 export default function() {
-  return createUtilityPlugin('divideOpacity', [['divide-opacity', ['--divide-opacity']]])
+  return function({ addUtilities, e, theme, variants }) {
+    const utilities = _.fromPairs(
+      _.map(theme('divideOpacity'), (value, modifier) => {
+        return [
+          `.${e(`divide-opacity-${modifier}`)} > :not(template) ~ :not(template)`,
+          {
+            '--divide-opacity': value,
+          },
+        ]
+      })
+    )
+
+    addUtilities(utilities, variants('divideOpacity'))
+  }
 }

src/plugins/placeholderOpacity.js

@@ -1,7 +1,18 @@
-import createUtilityPlugin from '../util/createUtilityPlugin'
+import _ from 'lodash'
 
 export default function() {
-  return createUtilityPlugin('placeholderOpacity', [
-    ['placeholder-opacity', ['--placeholder-opacity']],
-  ])
+  return function({ addUtilities, e, theme, variants }) {
+    const utilities = _.fromPairs(
+      _.map(theme('placeholderOpacity'), (value, modifier) => {
+        return [
+          `.${e(`placeholder-opacity-${modifier}`)}::placeholder`,
+          {
+            '--placeholder-opacity': value,
+          },
+        ]
+      })
+    )
+
+    addUtilities(utilities, variants('placeholderOpacity'))
+  }
 }