Migrated NeoIcon to tailwindcss

libs/ui/src/components/NeoIcon/NeoIcon.scss

@@ -1,32 +1,21 @@
-@import '../../scss/theme';
-
 @import '@oruga-ui/oruga-next/src/scss/utilities/_expressions.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
 @import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
 @import '@oruga-ui/oruga-next/src/scss/components/_icon.scss';
 
 .o-icon--success {
-  @include ktheme() {
-    color: theme('k-green');
-  }
+  @apply text-k-green;
 }
+
 .o-icon--primary {
-  @include ktheme() {
-    color: theme('k-primary');
-  }
+  @apply text-k-primary;
 }
 
 .o-icon--k-grey {
-  @include ktheme() {
-    color: theme('k-grey');
-  }
+  @apply text-k-grey;
 }
 
-
 .o-icon--spin {
-  animation-name: icon-spin;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-  animation-duration: var(--oruga-icon-spin-duration, 1.5s)
-}
+  @apply animate-icon-spin;
+}

libs/ui/tailwind.config.js

@@ -67,6 +67,10 @@ module.exports = {
       lineHeight: {
         4.5: '1.125rem',
       },
+      animation: {
+        'icon-spin':
+          'icon-spin infinite linear var(--oruga-icon-spin-duration, 1.5s)',
+      },
     },
   },
   plugins: [],