refactor: remove font-family (#548)

* refactor: remove font-family

* refactor: remove redundant font-family declarations from breadcrumb and text-area styles

Author: paanSinghCoder

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);