size.tabs: линия таблиста и размер вкладки из токенов

src/lib/providers/prime-preset/tokens/components/tabs.ts

@@ -1,24 +1,23 @@
 export const tabsCss = ({ dt }: { dt: (token: string) => string }): string => `
-
-/* Переопределение overflow для видимости активной линии */
 .p-tabs .p-tablist.p-tablist,
 .p-tabs .p-tablist-content.p-tablist-content,
 .p-tabs .p-tablist-viewport.p-tablist-viewport {
   overflow: visible;
 }
 
-/* Типографика для label таба */
 .p-tabs .p-tablist .p-tab.p-tab {
   display: flex;
   align-items: center;
   gap: ${dt('tabs.tab.gap')};
   font-family: ${dt('fonts.fontFamily.heading')};
-  font-size: ${dt('fonts.fontSize.300')};
-  font-weight: ${dt('fonts.fontWeight.demibold')};
+  font-size: ${dt('fonts.fontSize.200')};
+  font-weight: ${dt('tabs.tab.fontWeight')};
+  line-height: ${dt('fonts.lineHeight.none')};
 }
 
-/* Стили для tablist с правильной границей */
 .p-tabs .p-tablist {
-  border-bottom: 0.15rem solid ${dt('tabs.tablist.borderColor')};
+  border-style: solid;
+  border-width: ${dt('tabs.tablist.borderWidth')};
+  border-color: ${dt('tabs.tablist.borderColor')};
 }
 `;

src/stories/components/tabs/examples/tabs-with-badge.component.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/angular';
 import { ExtraTabsComponent, ExtraTabItem } from '../../../../lib/components/tabs/tabs.component';
 
 const template = `
-<div class="bg-surface-ground">
+<div>
   <extra-tabs value="0" [tabs]="tabs"></extra-tabs>
 </div>
 `;

src/stories/components/tabs/examples/tabs-with-disabled.component.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/angular';
 import { ExtraTabsComponent, ExtraTabItem } from '../../../../lib/components/tabs/tabs.component';
 
 const template = `
-<div class="bg-surface-ground">
+<div>
   <extra-tabs value="0" [tabs]="tabs"></extra-tabs>
 </div>
 `;