fix: button text token on pricing table buttons (#7404)

Button text on middle button below was black before, here is after:

<img width="1703" height="1411" alt="image"
src="https://github.com/user-attachments/assets/dc55b4cf-ee86-49ee-842a-0bed84f78dee"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7404-fix-button-text-token-on-pricing-table-buttons-2c76d73d365081349c63d6a349dee6ed)
by [Unito](https://www.unito.io)

src/platform/cloud/subscription/components/PricingTable.vue

@@ -122,8 +122,7 @@
           class="h-10 w-full"
           :pt="{
             label: {
-              class:
-                'font-inter text-sm font-bold leading-normal text-primary-foreground'
+              class: getButtonTextClass(tier)
             }
           }"
           @click="() => handleSubscribe(tier.key)"
@@ -273,6 +272,11 @@ const getButtonSeverity = (tier: PricingTierConfig): 'primary' | 'secondary' =>
       ? 'primary'
       : 'secondary'
 
+const getButtonTextClass = (tier: PricingTierConfig): string =>
+  tier.key === 'creator'
+    ? 'font-inter text-sm font-bold leading-normal text-white'
+    : 'font-inter text-sm font-bold leading-normal text-primary-foreground'
+
 const initiateCheckout = async (tierKey: TierKey) => {
   const authHeader = await getAuthHeader()
   if (!authHeader) {