fix(css): ! in md:hidden (#8276)

* fix(css): `!` in `md:hidden`

* fixup!

* handle all viewports for complementary tab or select

---------

Co-authored-by: Brian Muenzenmeyer <brian.muenzenmeyer@gmail.com>

Author: avivkeller

packages/ui-components/src/Common/BaseLinkTabs/index.module.css

@@ -2,13 +2,13 @@
 
 .tabsList {
   @apply font-open-sans
-    max-xs:hidden
     mb-6
     mt-10
     flex
     gap-2
     border-b
     border-b-neutral-200
+    max-md:hidden
     dark:border-b-neutral-800;
 
   .tabsTrigger {
@@ -38,5 +38,5 @@
 }
 
 .tabsSelect {
-  @apply md:hidden;
+  @apply md:hidden!;
 }

packages/ui-components/src/Common/BaseLinkTabs/index.stories.tsx

@@ -27,7 +27,6 @@ export const Default: Story = {
     ],
     activeTab: 'prebuilt',
     children: <p>Tab content goes here</p>,
-    onSelect: console.log,
   },
 };