@apply ↔ to combine (Mixin) multiple utility class into single Semantic Class Name

@layer components {
  .sidebar-icon {
    @apply relative flex items-center justify-center h-12 w-12 mt-2 mb-2 mx-auto shadow-lg;
  }
}

@apply was proposed then abandon for CSS Shadow Parts

References