scoped attribute removed from components adding "global" styles

src/components/FwbButtonGroup/FwbButtonGroup.vue

@@ -1,25 +1,20 @@
 <template>
   <div
-    class="btn-group inline-flex rounded-md shadow-sm"
+    class="fwb-button-group inline-flex rounded-md shadow-sm"
     role="group"
   >
     <slot />
   </div>
 </template>
 
-<!-- TODO: maybe use provide/inject to control styles -->
-<style scoped>
-@tailwind components;
-
-@layer components {
-  .btn-group > button {
-    @apply rounded-none;
-  }
-  .btn-group > button:first-child {
-    @apply rounded-l-lg;
-  }
-  .btn-group > button:last-child {
-    @apply rounded-r-lg;
-  }
+<style>
+.fwb-button-group > button {
+  @apply rounded-none;
+}
+.fwb-button-group > button:first-child {
+  @apply rounded-l-lg;
+}
+.fwb-button-group > button:last-child {
+  @apply rounded-r-lg;
 }
 </style>

src/components/FwbTooltip/FwbTooltip.vue

@@ -39,7 +39,7 @@ const theme = computed(() => {
 })
 </script>
 
-<style scoped>
+<style>
 .v-popper--theme-tooltip-dark .v-popper__wrapper .v-popper__inner {
   background: rgba(0, 0, 0);
   color: #fff;