fix(chip): chips look wrong in Safari

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss

@@ -430,13 +430,13 @@
     %igx-chip__select {
         display: inline-flex;
         align-items: center;
-        z-index: 1;
-        opacity: 1;
         width: 18px;
-        transition: opacity 120ms $ease-in-out-quad, width 120ms $ease-in-out-quad;
+        opacity: 1;
+        z-index: 1;
+        transition: opacity 120ms $ease-out-quad, width 120ms $ease-out-quad;
 
         > * {
-            width: 18px !important;
+            width: inherit !important;
         }
 
         + igx-prefix,
@@ -446,9 +446,9 @@
     }
 
     %igx-chip__select--hidden {
+        width: 0;
         opacity: 0;
         z-index: -1;
-        width: 0;
 
         + igx-prefix,
         + [igxPrefix] {