Describe the bug

When using BTabs with pills the selected option has white text on white background.

Perhaps the button should have a background color set?

<template>
  <BTabs card pills v-model="tabIndex">
    <BTab>
      <template #title>One</template>
      One
    </BTab>
    <BTab>
      <template #title>Two</template>
      Two
    </BTab>
    <BTab>
      <template #title>Three</template>
      Three
    </BTab>
  </BTabs>
</template>

<script setup lang="ts">
  import { ref } from "vue";
  import { BTab, BTabs } from "bootstrap-vue-next";

  const tabIndex = ref(0);
</script>

Reproduction

bootstrap-vue-next-issue-2047.zip

Used Package Manager

npm

Validations

• Have tested with the latest version. This is still alpha version and sometime things change rapidly.
• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.