Resolve overflow-clip naming collision issue (#5630)

* Rename `overflow-clip` to `text-clip`, add `text-ellipsis`, deprecate `overflow-ellipsis`

Co-Authored-By: Adam Wathan <[email protected]>

* Add `overflow-clip` utilities

Co-Authored-By: Adam Wathan <[email protected]>

Co-authored-by: Adam Wathan <[email protected]>

Author: reinink

src/corePlugins.js

@@ -1131,12 +1131,15 @@ export default {
     addUtilities({
       '.overflow-auto': { overflow: 'auto' },
       '.overflow-hidden': { overflow: 'hidden' },
+      '.overflow-clip': { overflow: 'clip' },
       '.overflow-visible': { overflow: 'visible' },
       '.overflow-scroll': { overflow: 'scroll' },
       '.overflow-x-auto': { 'overflow-x': 'auto' },
       '.overflow-y-auto': { 'overflow-y': 'auto' },
       '.overflow-x-hidden': { 'overflow-x': 'hidden' },
       '.overflow-y-hidden': { 'overflow-y': 'hidden' },
+      '.overflow-x-clip': { 'overflow-x': 'clip' },
+      '.overflow-y-clip': { 'overflow-y': 'clip' },
       '.overflow-x-visible': { 'overflow-x': 'visible' },
       '.overflow-y-visible': { 'overflow-y': 'visible' },
       '.overflow-x-scroll': { 'overflow-x': 'scroll' },
@@ -1168,8 +1171,9 @@ export default {
   textOverflow: ({ addUtilities }) => {
     addUtilities({
       '.truncate': { overflow: 'hidden', 'text-overflow': 'ellipsis', 'white-space': 'nowrap' },
-      '.overflow-ellipsis': { 'text-overflow': 'ellipsis' },
-      '.overflow-clip': { 'text-overflow': 'clip' },
+      '.overflow-ellipsis': { 'text-overflow': 'ellipsis' }, // Deprecated
+      '.text-ellipsis': { 'text-overflow': 'ellipsis' },
+      '.text-clip': { 'text-overflow': 'clip' },
     })
   },