refactor: remove font-family

packages/raystack/components/avatar/avatar.module.css

@@ -235,7 +235,6 @@
   align-items: center;
   justify-content: center;
   font-size: var(--fallback-font-size);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
   line-height: var(--rs-line-height-large);
   letter-spacing: var(--rs-letter-spacing-large);

packages/raystack/components/badge/badge.module.css

@@ -1,5 +1,4 @@
 .badge {
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-style: normal;
   display: inline-flex;

packages/raystack/components/breadcrumb/breadcrumb.module.css

@@ -1,5 +1,4 @@
 .breadcrumb {
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
 }
 
@@ -66,7 +65,6 @@
   background: none;
   border: none;
   cursor: pointer;
-  font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   outline: none;

packages/raystack/components/button/button.module.css

@@ -1,5 +1,4 @@
 .button {
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);

packages/raystack/components/calendar/calendar.module.css

@@ -3,14 +3,12 @@
   border-radius: var(--rs-radius-4);
   background: var(--rs-color-background-base-primary);
   width: fit-content;
-  font-family: var(--rs-font-body);
   min-height: 346px;
 }
 
 .caption_label,
 .dropdowns > span,
 .dropdown_trigger {
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);
@@ -77,7 +75,6 @@
   color: var(--rs-color-foreground-base-primary);
   font-style: normal;
   text-align: center;
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-micro);
   line-height: var(--rs-line-height-micro);
@@ -161,7 +158,6 @@
   color: var(--rs-color-foreground-base-secondary);
   text-align: center;
   font-style: normal;
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
   font-size: var(--rs-font-size-micro);
   line-height: var(--rs-line-height-micro);
@@ -234,7 +230,6 @@
   place-content: center;
   background: inherit;
   color: inherit;
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);

packages/raystack/components/callout/callout.module.css

@@ -4,7 +4,6 @@
   padding: var(--rs-space-3);
   border-radius: var(--rs-radius-2);
   font-style: normal;
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);

packages/raystack/components/chip/chip.module.css

@@ -3,7 +3,6 @@
   justify-content: center;
   align-items: center;
   gap: var(--rs-space-2);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);

packages/raystack/components/dialog/dialog.module.css

@@ -66,7 +66,6 @@
 .title {
   color: var(--rs-color-foreground-base-primary);
   /* Body/Large Plus */
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-large);
   font-style: normal;
   font-weight: var(--rs-font-weight-medium);
@@ -85,7 +84,6 @@
 
 .description {
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   font-style: normal;
   font-weight: var(--rs-font-weight-regular);

packages/raystack/components/dropdown-menu/cell.module.css

@@ -4,7 +4,6 @@
   display: flex;
   align-items: center;
   gap: var(--rs-space-3);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
@@ -14,7 +13,6 @@
 .cell[data-active-item] {
   outline: none;
   cursor: pointer;
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);

packages/raystack/components/dropdown-menu/dropdown-menu.module.css

@@ -1,7 +1,6 @@
 .content {
   overflow: hidden;
   z-index: var(--rs-z-index-portal);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
@@ -39,7 +38,6 @@
   background: transparent;
   color: var(--rs-color-foreground-base-primary);
   padding: var(--rs-space-3) var(--rs-space-4);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);

packages/raystack/components/empty-state/empty-state.module.css

@@ -47,7 +47,6 @@
 
 .headerText {
   color: var(--rs-color-foreground-base-primary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-large);
   font-style: normal;
   font-weight: var(--rs-font-weight-medium);
@@ -59,7 +58,6 @@
 
 .subHeaderText {
   color: var(--rs-color-foreground-base-primary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-regular);
   font-style: normal;
   font-weight: var(--rs-font-weight-regular);

packages/raystack/components/filter-chip/filter-chip.module.css

@@ -1,5 +1,4 @@
 .chip {
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
@@ -21,7 +20,6 @@
 }
 .operationText {
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
@@ -58,7 +56,6 @@
   min-height: unset !important;
   border-radius: var(--rs-radius-1);
   color: var(--rs-color-foreground-base-primary) !important;
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
@@ -104,7 +101,6 @@
 
 .selectValue {
   color: var(--rs-color-foreground-base-primary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);

packages/raystack/components/indicator/indicator.module.css

@@ -9,7 +9,6 @@
   right: calc(-1 * var(--rs-space-2));
   border-radius: var(--rs-radius-full);
   white-space: nowrap;
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-micro);
   line-height: var(--rs-line-height-micro);

packages/raystack/components/input-field/input-field.module.css

@@ -10,7 +10,6 @@
 
 .label {
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);
@@ -93,7 +92,6 @@
 }
 
 .input-field {
-  font-family: var(--rs-font-body);
   width: 100%;
   padding: 0 var(--rs-space-3);
   padding-left: var(--rs-space-3);
@@ -130,7 +128,6 @@
 
 .helper-text {
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);
@@ -156,7 +153,6 @@
 
 .optional {
   color: var(--rs-color-foreground-base-tertiary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);
@@ -247,7 +243,6 @@
   display: flex;
   align-items: center;
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   font-style: normal;
   font-weight: var(--rs-font-weight-regular);

packages/raystack/components/popover/popover.module.css

@@ -5,7 +5,6 @@
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
   letter-spacing: var(--rs-letter-spacing-small);
-  font-family: var(--rs-font-body);
 
   box-sizing: border-box;
   min-width: 120px;

packages/raystack/components/select/select.module.css

@@ -1,7 +1,6 @@
 .content {
   --apsara-select-padding: var(--rs-space-2);
   z-index: var(--rs-z-index-portal);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
   letter-spacing: var(--rs-letter-spacing-small);
@@ -61,7 +60,6 @@
   align-items: center;
   color: var(--rs-color-foreground-base-primary);
   background-color: var(--rs-color-background-base-primary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
   border-radius: var(--rs-radius-2);
@@ -91,7 +89,6 @@
 
 .trigger-small .triggerContent {
   overflow: hidden;
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-mini);
   font-style: normal;
   font-weight: var(--rs-font-weight-medium);
@@ -110,7 +107,6 @@
 
 .trigger-medium .triggerContent {
   overflow: hidden;
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   font-style: normal;
   font-weight: var(--rs-font-weight-medium);
@@ -143,7 +139,6 @@
 
 .trigger::placeholder {
   color: var(--rs-color-foreground-base-tertiary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
   letter-spacing: var(--rs-letter-spacing-small);
@@ -292,7 +287,6 @@
   width: 100%;
   color: var(--rs-color-foreground-base-primary);
   padding: var(--rs-space-3) var(--rs-space-4);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);

packages/raystack/components/sheet/sheet.module.css

@@ -9,7 +9,6 @@
 
   background-color: var(--rs-color-background-base-primary);
   /* border: 1px solid var(--rs-color-border-base-primary); */
-  font-family: var(--rs-font-body);
   color: var(--rs-color-foreground-base-primary);
 }
 

packages/raystack/components/sidebar/sidebar.module.css

@@ -109,7 +109,6 @@
 
 .nav-text {
   color: var(--rs-color-foreground-base-primary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   font-style: normal;
   font-weight: var(--rs-font-weight-medium);
@@ -175,7 +174,6 @@
 
 .nav-group-label {
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   font-style: normal;
   font-weight: var(--rs-font-weight-medium);

packages/raystack/components/table/table.module.css

@@ -18,7 +18,6 @@
 
 .head {
   color: var(--rs-color-foreground-base-tertiary);
-  font-family: var(--rs-font-body);
 
   /* Body/Small Plus */
   font-size: var(--rs-font-size-small);
@@ -41,7 +40,6 @@
   white-space: nowrap;
 
   /* Body/Regular */
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-regular);
   font-style: normal;
   font-weight: var(--rs-font-weight-regular);
@@ -62,7 +60,6 @@
   padding: var(--rs-space-3) var(--rs-space-7);
 
   /* Body/Small Plus */
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-small);
   font-style: normal;
   font-weight: var(--rs-font-weight-medium);

packages/raystack/components/tabs/tabs.module.css

@@ -24,7 +24,6 @@
   font-size: var(--rs-font-size-small);
   font-weight: var(--rs-font-weight-medium);
   padding: var(--rs-space-2) var(--rs-space-3);
-  font-family: var(--rs-font-body);
   color: var(--rs-color-foreground-base-secondary);
   cursor: pointer;
   border-radius: var(--rs-radius-2);

packages/raystack/components/text-area/text-area.module.css

@@ -14,7 +14,6 @@
 
 .label {
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-medium);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);
@@ -32,7 +31,6 @@
 
 .optional {
   color: var(--rs-color-foreground-base-tertiary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);
@@ -42,7 +40,6 @@
 
 .helperText {
   color: var(--rs-color-foreground-base-secondary);
-  font-family: var(--rs-font-body);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-mini);
   line-height: var(--rs-line-height-mini);
@@ -65,7 +62,6 @@
   line-height: var(--rs-line-height-small);
   color: var(--rs-color-foreground-base-primary);
   padding: var(--rs-space-3);
-  font-family: inherit;
   transition: all 0.2s ease;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
   overflow: hidden;
@@ -88,7 +84,6 @@
   font-size: var(--rs-font-size-small);
   font-weight: var(--rs-font-weight-regular);
   line-height: var(--rs-line-height-small);
-  font-family: inherit;
 }
 
 .textarea:disabled {

packages/raystack/components/text/text.module.css

@@ -1,7 +1,6 @@
 .text {
   margin: 0;
   color: var(--rs-color-foreground-base-primary);
-  font-family: var(--rs-font-body);
 }
 
 /* Text Size */

packages/raystack/components/tooltip/tooltip.module.css

@@ -13,7 +13,6 @@
   border: 1px solid var(--rs-color-border-base-primary);
   box-shadow: var(--rs-shadow-soft);
   color: var(--rs-color-foreground-base-primary);
-  font-family: var(--rs-font-body);
   font-size: var(--rs-font-size-mini);
   font-weight: var(--rs-font-weight-medium);
   line-height: var(--rs-line-height-mini);