From 021d650867567098c60319fbd497e5353ac1723e Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Mon, 24 Nov 2025 15:19:52 +0530
Subject: [PATCH 1/2] refactor: remove font-family

---
 packages/raystack/components/avatar/avatar.module.css       | 1 -
 packages/raystack/components/badge/badge.module.css         | 1 -
 .../raystack/components/breadcrumb/breadcrumb.module.css    | 1 -
 packages/raystack/components/button/button.module.css       | 1 -
 packages/raystack/components/calendar/calendar.module.css   | 5 -----
 packages/raystack/components/callout/callout.module.css     | 1 -
 packages/raystack/components/chip/chip.module.css           | 1 -
 packages/raystack/components/dialog/dialog.module.css       | 2 --
 packages/raystack/components/dropdown-menu/cell.module.css  | 2 --
 .../components/dropdown-menu/dropdown-menu.module.css       | 2 --
 .../raystack/components/empty-state/empty-state.module.css  | 2 --
 .../raystack/components/filter-chip/filter-chip.module.css  | 4 ----
 packages/raystack/components/indicator/indicator.module.css | 1 -
 .../raystack/components/input-field/input-field.module.css  | 5 -----
 packages/raystack/components/popover/popover.module.css     | 1 -
 packages/raystack/components/select/select.module.css       | 6 ------
 packages/raystack/components/sheet/sheet.module.css         | 1 -
 packages/raystack/components/sidebar/sidebar.module.css     | 2 --
 packages/raystack/components/table/table.module.css         | 3 ---
 packages/raystack/components/tabs/tabs.module.css           | 1 -
 packages/raystack/components/text-area/text-area.module.css | 3 ---
 packages/raystack/components/text/text.module.css           | 1 -
 packages/raystack/components/tooltip/tooltip.module.css     | 1 -
 23 files changed, 48 deletions(-)

diff --git a/packages/raystack/components/avatar/avatar.module.css b/packages/raystack/components/avatar/avatar.module.css
index d9ac0d526..d435c0351 100644
--- a/packages/raystack/components/avatar/avatar.module.css
+++ b/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);
diff --git a/packages/raystack/components/badge/badge.module.css b/packages/raystack/components/badge/badge.module.css
index e373d0133..ae0ecbd05 100644
--- a/packages/raystack/components/badge/badge.module.css
+++ b/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;
diff --git a/packages/raystack/components/breadcrumb/breadcrumb.module.css b/packages/raystack/components/breadcrumb/breadcrumb.module.css
index 88e2238be..7b01b7249 100644
--- a/packages/raystack/components/breadcrumb/breadcrumb.module.css
+++ b/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);
 }
 
diff --git a/packages/raystack/components/button/button.module.css b/packages/raystack/components/button/button.module.css
index aec743f4a..2d8b966ec 100644
--- a/packages/raystack/components/button/button.module.css
+++ b/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);
diff --git a/packages/raystack/components/calendar/calendar.module.css b/packages/raystack/components/calendar/calendar.module.css
index be6414102..bcc091347 100644
--- a/packages/raystack/components/calendar/calendar.module.css
+++ b/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);
diff --git a/packages/raystack/components/callout/callout.module.css b/packages/raystack/components/callout/callout.module.css
index 84c12c76e..db206bd6d 100644
--- a/packages/raystack/components/callout/callout.module.css
+++ b/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);
diff --git a/packages/raystack/components/chip/chip.module.css b/packages/raystack/components/chip/chip.module.css
index 7f7846664..be9476594 100644
--- a/packages/raystack/components/chip/chip.module.css
+++ b/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);
diff --git a/packages/raystack/components/dialog/dialog.module.css b/packages/raystack/components/dialog/dialog.module.css
index 57d4891f5..d58bc833f 100644
--- a/packages/raystack/components/dialog/dialog.module.css
+++ b/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);
diff --git a/packages/raystack/components/dropdown-menu/cell.module.css b/packages/raystack/components/dropdown-menu/cell.module.css
index bce9bde8b..1f53c0b30 100644
--- a/packages/raystack/components/dropdown-menu/cell.module.css
+++ b/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);
diff --git a/packages/raystack/components/dropdown-menu/dropdown-menu.module.css b/packages/raystack/components/dropdown-menu/dropdown-menu.module.css
index 842834ae6..6e3e5377a 100644
--- a/packages/raystack/components/dropdown-menu/dropdown-menu.module.css
+++ b/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);
diff --git a/packages/raystack/components/empty-state/empty-state.module.css b/packages/raystack/components/empty-state/empty-state.module.css
index b40b80682..e554cd210 100644
--- a/packages/raystack/components/empty-state/empty-state.module.css
+++ b/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);
diff --git a/packages/raystack/components/filter-chip/filter-chip.module.css b/packages/raystack/components/filter-chip/filter-chip.module.css
index 83dd4713d..488155e69 100644
--- a/packages/raystack/components/filter-chip/filter-chip.module.css
+++ b/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);
diff --git a/packages/raystack/components/indicator/indicator.module.css b/packages/raystack/components/indicator/indicator.module.css
index dce89e935..42cce2118 100644
--- a/packages/raystack/components/indicator/indicator.module.css
+++ b/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);
diff --git a/packages/raystack/components/input-field/input-field.module.css b/packages/raystack/components/input-field/input-field.module.css
index 7c703f071..da1dbaa64 100644
--- a/packages/raystack/components/input-field/input-field.module.css
+++ b/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);
diff --git a/packages/raystack/components/popover/popover.module.css b/packages/raystack/components/popover/popover.module.css
index e40eab649..46676e3c8 100644
--- a/packages/raystack/components/popover/popover.module.css
+++ b/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;
diff --git a/packages/raystack/components/select/select.module.css b/packages/raystack/components/select/select.module.css
index a69e77c25..4850cc98d 100644
--- a/packages/raystack/components/select/select.module.css
+++ b/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);
diff --git a/packages/raystack/components/sheet/sheet.module.css b/packages/raystack/components/sheet/sheet.module.css
index 26dadbc79..2a7ba3952 100644
--- a/packages/raystack/components/sheet/sheet.module.css
+++ b/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);
 }
 
diff --git a/packages/raystack/components/sidebar/sidebar.module.css b/packages/raystack/components/sidebar/sidebar.module.css
index 342aae9c9..37ec7c520 100644
--- a/packages/raystack/components/sidebar/sidebar.module.css
+++ b/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);
diff --git a/packages/raystack/components/table/table.module.css b/packages/raystack/components/table/table.module.css
index 4d6aed1a0..6e9f3eb46 100644
--- a/packages/raystack/components/table/table.module.css
+++ b/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);
diff --git a/packages/raystack/components/tabs/tabs.module.css b/packages/raystack/components/tabs/tabs.module.css
index d0389c20a..aee3411a4 100644
--- a/packages/raystack/components/tabs/tabs.module.css
+++ b/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);
diff --git a/packages/raystack/components/text-area/text-area.module.css b/packages/raystack/components/text-area/text-area.module.css
index 70e07cd04..7d0b06a20 100644
--- a/packages/raystack/components/text-area/text-area.module.css
+++ b/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);
diff --git a/packages/raystack/components/text/text.module.css b/packages/raystack/components/text/text.module.css
index fa3771ed4..26d4af8f8 100644
--- a/packages/raystack/components/text/text.module.css
+++ b/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 */
diff --git a/packages/raystack/components/tooltip/tooltip.module.css b/packages/raystack/components/tooltip/tooltip.module.css
index e49a73501..f77836ae3 100644
--- a/packages/raystack/components/tooltip/tooltip.module.css
+++ b/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);

From 4342e4687c3ac5e539bc0c8ccc9833a9299213c5 Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Mon, 24 Nov 2025 15:39:14 +0530
Subject: [PATCH 2/2] refactor: remove redundant font-family declarations from
 breadcrumb and text-area styles

---
 packages/raystack/components/breadcrumb/breadcrumb.module.css | 1 -
 packages/raystack/components/text-area/text-area.module.css   | 2 --
 2 files changed, 3 deletions(-)

diff --git a/packages/raystack/components/breadcrumb/breadcrumb.module.css b/packages/raystack/components/breadcrumb/breadcrumb.module.css
index 7b01b7249..fa93de192 100644
--- a/packages/raystack/components/breadcrumb/breadcrumb.module.css
+++ b/packages/raystack/components/breadcrumb/breadcrumb.module.css
@@ -65,7 +65,6 @@
   background: none;
   border: none;
   cursor: pointer;
-  font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   outline: none;
diff --git a/packages/raystack/components/text-area/text-area.module.css b/packages/raystack/components/text-area/text-area.module.css
index 7d0b06a20..69e0af183 100644
--- a/packages/raystack/components/text-area/text-area.module.css
+++ b/packages/raystack/components/text-area/text-area.module.css
@@ -62,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;
@@ -85,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 {