Use @supports not for break-anywhere polyfill

Author: serkodev

src/corePlugins.js

@@ -1539,10 +1539,11 @@ export let corePlugins = {
       '.break-all': { 'word-break': 'break-all' },
       '.break-keep': { 'word-break': 'keep-all' },
       '.break-anywhere': {
-        'word-break': 'break-word',
         '@supports (overflow-wrap: anywhere)': {
           'overflow-wrap': 'anywhere',
-          'word-break': 'normal',
+        },
+        '@supports not (overflow-wrap: anywhere)': {
+          'word-break': 'break-word',
         },
       },
     })

tests/plugins/__snapshots__/wordBreak.test.js.snap

@@ -19,14 +19,15 @@ exports[`should test the 'wordBreak' plugin 1`] = `
   word-break: keep-all;
 }
 
-.break-anywhere {
-  word-break: break-word;
-}
-
 @supports (overflow-wrap: anywhere) {
   .break-anywhere {
     overflow-wrap: anywhere;
-    word-break: normal;
+  }
+}
+
+@supports not (overflow-wrap: anywhere) {
+  .break-anywhere {
+    word-break: break-word;
   }
 }
 "