feat(lib): Remove useless mixin rfs and font-size + remove vendor

packages/orange-compact/config.yml

@@ -12,7 +12,6 @@ authors:                          "Orange and OUDS Web Orange Compact contributo
 current_version:                  "1.1.0"
 current_ruby_version:             "1.1.0"
 docs_version:                     "1.1"
-rfs_version:                      "v10.0.0"
 bootstrap_current_version:        "5.3.6"
 bootstrap_docs_version:           "5.3"
 bootstrap_github_org:             "https://github.com/twbs"

packages/orange-compact/scss/ouds-web-grid.scss

@@ -15,8 +15,6 @@ $include-column-box-sizing: true !default;
 @import "@ouds/web-common/scss/mixins/grid";
 @import "@ouds/web-common/scss/mixins/utilities";
 
-@import "@ouds/web-common/scss/vendor/rfs";
-
 @import "@ouds/web-common/scss/containers";
 @import "@ouds/web-common/scss/grid";
 

packages/orange/config.yml

@@ -12,7 +12,6 @@ authors:                          "Orange and OUDS Web contributors"
 current_version:                  "1.1.0"
 current_ruby_version:             "1.1.0"
 docs_version:                     "1.1"
-rfs_version:                      "v10.0.0"
 bootstrap_current_version:        "5.3.6"
 bootstrap_docs_version:           "5.3"
 bootstrap_github_org:             "https://github.com/twbs"

packages/orange/scss/ouds-web-grid.scss

@@ -15,8 +15,6 @@ $include-column-box-sizing: true !default;
 @import "@ouds/web-common/scss/mixins/grid";
 @import "@ouds/web-common/scss/mixins/utilities";
 
-@import "@ouds/web-common/scss/vendor/rfs";
-
 @import "@ouds/web-common/scss/containers";
 @import "@ouds/web-common/scss/grid";
 

packages/sosh/config.yml

@@ -12,7 +12,6 @@ authors:                          "Orange and OUDS Web Sosh contributors"
 current_version:                  "1.1.0"
 current_ruby_version:             "1.1.0"
 docs_version:                     "1.1"
-rfs_version:                      "v10.0.0"
 bootstrap_current_version:        "5.3.6"
 bootstrap_docs_version:           "5.3"
 bootstrap_github_org:             "https://github.com/twbs"

packages/sosh/scss/ouds-web-grid.scss

@@ -15,8 +15,6 @@ $include-column-box-sizing: true !default;
 @import "@ouds/web-common/scss/mixins/grid";
 @import "@ouds/web-common/scss/mixins/utilities";
 
-@import "@ouds/web-common/scss/vendor/rfs";
-
 @import "@ouds/web-common/scss/containers";
 @import "@ouds/web-common/scss/grid";
 

scss/_accordion.scss

@@ -43,7 +43,7 @@
   align-items: center;
   width: 100%;
   padding: var(--#{$prefix}accordion-btn-padding-y) var(--#{$prefix}accordion-btn-padding-x);
-  @include font-size(var(--#{$prefix}accordion-btn-font-size)); // OUDS mod
+  font-size: var(--#{$prefix}accordion-btn-font-size); // OUDS mod
   font-weight: var(--#{$prefix}accordion-btn-font-weight); // OUDS mod
   line-height: var(--#{$prefix}accordion-btn-line-height); // OUDS mod
   color: var(--#{$prefix}accordion-btn-color);

scss/_buttons.scss

@@ -31,7 +31,7 @@
   // OUDS mod: no --#{$prefix}btn-padding-x
   --#{$prefix}btn-padding-y: #{$btn-padding-y};
   // OUDS mod: no --#{$prefix}btn-font-family
-  // OUDS mod: no `@include rfs($btn-font-size, --#{$prefix}btn-font-size)`
+  // OUDS mod: no --#{$prefix}btn-font-size
   --#{$prefix}btn-font-weight: #{$btn-font-weight};
   // OUDS mod: no `--#{$prefix}btn-line-height`
   --#{$prefix}btn-color: #{$btn-color};

scss/_dropdown.scss

@@ -24,7 +24,7 @@
   // OUDS mod: no --#{$prefix}dropdown-padding-x
   --#{$prefix}dropdown-padding-y: #{$dropdown-padding-y};
   --#{$prefix}dropdown-spacer: #{$dropdown-spacer};
-  @include rfs($dropdown-font-size, --#{$prefix}dropdown-font-size);
+  --#{$prefix}dropdown-font-size: #{$dropdown-font-size};
   --#{$prefix}dropdown-line-height: #{$dropdown-line-height}; // OUDS mod
   --#{$prefix}dropdown-color: #{$dropdown-color};
   --#{$prefix}dropdown-bg: #{$dropdown-bg};
@@ -55,7 +55,7 @@
   min-width: var(--#{$prefix}dropdown-min-width);
   padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-y);
   margin: 0; // Override default margin of ul
-  @include font-size(var(--#{$prefix}dropdown-font-size));
+  font-size: var(--#{$prefix}dropdown-font-size);
   line-height: var(--#{$prefix}dropdown-line-height); // OUDS mod
   color: var(--#{$prefix}dropdown-color);
   text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
@@ -224,7 +224,7 @@
   display: block;
   padding: var(--#{$prefix}dropdown-header-padding-y) var(--#{$prefix}dropdown-header-padding-x);
   margin-bottom: 0; // for use with heading elements
-  @include font-size($font-size-sm);
+  font-size: $font-size-sm;
   color: var(--#{$prefix}dropdown-header-color);
   white-space: nowrap; // as with > li > a
 }

scss/_images.scss

@@ -37,6 +37,6 @@
 }
 
 .figure-caption {
-  @include font-size($figure-caption-font-size);
+  font-size: $figure-caption-font-size;
   color: $figure-caption-color;
 }

scss/_mixins.scss

@@ -2,9 +2,6 @@
 //
 // Used in conjunction with global variables to enable certain theme features.
 
-// Vendor
-@import "vendor/rfs";
-
 // Deprecate
 @import "mixins/deprecate";
 

scss/_nav.scss

@@ -7,7 +7,7 @@
   // scss-docs-start nav-css-vars
   --#{$prefix}nav-link-padding-x: #{$nav-link-padding-x};
   --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y};
-  @include rfs($nav-link-font-size, --#{$prefix}nav-link-font-size);
+  --#{$prefix}nav-link-font-size: #{$nav-link-font-size};
   --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};
   --#{$prefix}nav-link-color: #{$nav-link-color};
   --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color};
@@ -26,7 +26,7 @@
   display: flex; // OUDS mod: instead of `block`
   align-items: center; // OUDS mod
   padding: var(--#{$prefix}nav-link-padding-y) var(--#{$prefix}nav-link-padding-x);
-  @include font-size(var(--#{$prefix}nav-link-font-size));
+  font-size: var(--#{$prefix}nav-link-font-size);
   font-weight: var(--#{$prefix}nav-link-font-weight);
   color: var(--#{$prefix}nav-link-color);
   text-decoration: if($link-decoration == none, null, none);

scss/_navbar.scss

@@ -122,7 +122,7 @@
       --bs-dropdown-min-width: 8.75rem;
 
       @include media-breakpoint-down(lg) {
-        @include rfs($font-size-sm, --bs-dropdown-font-size);
+        --bs-dropdown-font-size: #{$font-size-sm};
         --bs-dropdown-line-height: #{$line-height-sm};
         --bs-dropdown-item-padding-y: #{$dropdown-item-padding-y + .0625rem};
       }
@@ -147,7 +147,7 @@
   margin-top: var(--#{$prefix}navbar-brand-margin-y);
   margin-right: var(--#{$prefix}navbar-brand-margin-end);
   margin-bottom: var(--#{$prefix}navbar-brand-margin-y);
-  @include font-size(var(--#{$prefix}navbar-brand-font-size));
+  font-size: var(--#{$prefix}navbar-brand-font-size);
   line-height: 1;
   color: var(--#{$prefix}navbar-brand-color);
   text-decoration: if($link-decoration == none, null, none);
@@ -195,7 +195,7 @@
   // scss-docs-start navbar-nav-css-vars
   --#{$prefix}nav-link-padding-x: var(--#{$prefix}navbar-nav-link-padding-x); // OUDS mod
   --#{$prefix}nav-link-padding-y: var(--#{$prefix}navbar-nav-link-padding-y); // OUDS mod
-  @include rfs(var(--#{$prefix}navbar-nav-font-size, $font-size-base), --#{$prefix}nav-link-font-size); // OUDS mod
+  --#{$prefix}nav-link-font-size: var(--#{$prefix}navbar-nav-font-size, $font-size-base); // OUDS mod
   --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};
   --#{$prefix}nav-link-color: var(--#{$prefix}navbar-color);
   --#{$prefix}nav-link-hover-color: var(--#{$prefix}navbar-hover-color);
@@ -207,7 +207,7 @@
   flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
   padding: var(--#{$prefix}navbar-nav-padding-top) var(--#{$prefix}navbar-nav-padding-x) var(--#{$prefix}navbar-nav-padding-bottom); // OUDS mod
   margin-bottom: 0;
-  @include font-size(var(--#{$prefix}navbar-nav-font-size)); // OUDS mod
+  font-size: var(--#{$prefix}navbar-nav-font-size); // OUDS mod
   line-height: var(--#{$prefix}navbar-nav-line-height, $line-height-base); // OUDS mod
   letter-spacing: var(--#{$prefix}navbar-nav-letter-spacing, $letter-spacing-base); // OUDS mod
   // OUDS mod: Handle .nav-link and .nav-icon slightly differently than Bs
@@ -326,7 +326,7 @@
 .navbar-toggler {
   padding: var(--#{$prefix}navbar-toggler-padding-y) calc(var(--#{$prefix}navbar-toggler-padding-x) / 2) var(--#{$prefix}navbar-toggler-padding-y) var(--#{$prefix}navbar-toggler-padding-x); // OUDS mod
   margin-right: calc(-.5 * var(--#{$prefix}navbar-toggler-padding-x)); // OUDS mod
-  @include font-size(var(--#{$prefix}navbar-toggler-font-size));
+  font-size: var(--#{$prefix}navbar-toggler-font-size);
   line-height: 1;
   color: var(--#{$prefix}navbar-color);
   background-color: transparent; // remove default button style

scss/_pagination.scss

@@ -5,7 +5,7 @@
   --#{$prefix}pagination-padding-end: #{$pagination-padding-end}; // OUDS mod
   --#{$prefix}pagination-margin-y: #{$pagination-margin-y}; // OUDS mod
   --#{$prefix}pagination-margin-x-first-last: #{$pagination-margin-x-first-last}; // OUDS mod
-  @include rfs($pagination-font-size, --#{$prefix}pagination-font-size);
+  --#{$prefix}pagination-font-size: #{$pagination-font-size};
   --#{$prefix}pagination-font-weight: #{$font-weight-bold}; // OUDS mod
   --#{$prefix}pagination-color: #{$pagination-color};
   --#{$prefix}pagination-bg: #{$pagination-bg};
@@ -47,7 +47,7 @@
   align-items: center; // OUDS mod
   justify-content: center; // OUDS mod
   padding: var(--#{$prefix}pagination-padding-y) var(--#{$prefix}pagination-padding-x);
-  @include font-size(var(--#{$prefix}pagination-font-size));
+  font-size: var(--#{$prefix}pagination-font-size);
   font-weight: var(--#{$prefix}pagination-font-weight); // OUDS mod
   color: var(--#{$prefix}pagination-color);
   text-decoration: if($link-decoration == none, null, none);

scss/_popover.scss

@@ -2,7 +2,7 @@
   // scss-docs-start popover-css-vars
   --#{$prefix}popover-zindex: #{$zindex-popover};
   --#{$prefix}popover-max-width: #{$popover-max-width};
-  @include rfs($popover-font-size, --#{$prefix}popover-font-size);
+  --#{$prefix}popover-font-size: #{$popover-font-size};
   --#{$prefix}popover-line-height: #{$popover-line-height}; // OUDS mod
   --#{$prefix}popover-font-weight: #{$popover-font-weight}; // OUDS mod
   --#{$prefix}popover-bg: #{$popover-bg};
@@ -15,7 +15,7 @@
   --#{$prefix}popover-header-padding-y: #{$popover-header-padding-y};
   --#{$prefix}popover-header-padding-top: #{$popover-header-padding-top}; // OUDS mod
   --#{$prefix}popover-header-padding-bottom: #{$popover-header-padding-bottom}; // OUDS mod
-  @include rfs($popover-header-font-size, --#{$prefix}popover-header-font-size);
+  --#{$prefix}popover-header-font-size: #{$popover-header-font-size};
   --#{$prefix}popover-header-line-height: #{$popover-header-line-height}; // OUDS mod
   --#{$prefix}popover-header-color: #{$popover-header-color};
   --#{$prefix}popover-header-bg: #{$popover-header-bg};
@@ -35,7 +35,7 @@
   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
-  @include font-size(var(--#{$prefix}popover-font-size));
+  font-size: var(--#{$prefix}popover-font-size);
   line-height: var(--#{$prefix}popover-line-height); // OUDS mod
   // Allow breaking very long words so they don't overflow the popover's bounds
   word-wrap: break-word;
@@ -187,9 +187,9 @@
 .popover-header {
   padding: var(--#{$prefix}popover-header-padding-y, var(--#{$prefix}popover-header-padding-top)) var(--#{$prefix}popover-header-padding-x) var(--#{$prefix}popover-header-padding-y, var(--#{$prefix}popover-header-padding-bottom)); // OUDS mod: instead of `var(--#{$prefix}popover-header-padding-y) var(--#{$prefix}popover-header-padding-x)`
   margin-bottom: 0; // Reset the default from Reboot
+  font-size: var(--#{$prefix}popover-header-font-size);
   font-weight: var(--#{$prefix}popover-font-weight); // OUDS mod
   line-height: var(--#{$prefix}popover-header-line-height); // OUDS mod
-  @include font-size(var(--#{$prefix}popover-header-font-size));
   color: var(--#{$prefix}popover-header-color);
 
   /* rtl:remove */

scss/_progress.scss

@@ -12,7 +12,7 @@
 .progress-stacked {
   // scss-docs-start progress-css-vars
   --#{$prefix}progress-height: #{$progress-height};
-  @include rfs($progress-font-size, --#{$prefix}progress-font-size);
+  --#{$prefix}progress-font-size: #{$progress-font-size};
   --#{$prefix}progress-bg: #{$progress-bg};
   --#{$prefix}progress-border-radius: #{$progress-border-radius};
   --#{$prefix}progress-box-shadow: #{$progress-box-shadow};
@@ -26,7 +26,7 @@
   display: flex;
   height: var(--#{$prefix}progress-height);
   overflow: hidden; // force rounded corners by cropping it
-  @include font-size(var(--#{$prefix}progress-font-size));
+  font-size: var(--#{$prefix}progress-font-size);
   background-color: var(--#{$prefix}progress-bg);
   @include border-radius(var(--#{$prefix}progress-border-radius));
   @include box-shadow(var(--#{$prefix}progress-box-shadow));

scss/_reboot.scss

@@ -27,7 +27,7 @@
 
 #{$ouds-root-selector} { // OUDS mod: instead of `:root`
   @if $font-size-root != null {
-    @include font-size(var(--#{$prefix}root-font-size));
+    font-size: var(--#{$prefix}root-font-size);
   }
 
   // OUDS mod: Improve focus visibility when fixed/sticky header is used
@@ -66,7 +66,7 @@
   margin: 0; // 1
   font-family: var(--#{$prefix}body-font-family);
   font-synthesis: none; // OUDS mod // 5
-  @include font-size(var(--#{$prefix}body-font-size));
+  font-size: var(--#{$prefix}body-font-size);
   font-weight: var(--#{$prefix}body-font-weight);
   line-height: var(--#{$prefix}body-line-height);
   color: var(--#{$prefix}color-content-default); // OUDS mod: instead of `var(--#{$prefix}body-color)`
@@ -129,32 +129,32 @@ hr {
 
 h1 {
   @extend %heading;
-  @include get-font-size("heading-xlarge"); // OUDS mod: instead of `@include font-size($h1-font-size)`
+  @include get-font-size("heading-xlarge"); // OUDS mod: instead of `font-size: $h1-font-size`
 }
 
 h2 {
   @extend %heading;
-  @include get-font-size("heading-large"); // OUDS mod: instead of `@include font-size($h2-font-size)`
+  @include get-font-size("heading-large"); // OUDS mod: instead of `font-size: $h2-font-size`
 }
 
 h3 {
   @extend %heading;
-  @include get-font-size("heading-medium"); // OUDS mod: instead of `@include font-size($h3-font-size)`
+  @include get-font-size("heading-medium"); // OUDS mod: instead of `font-size: $h3-font-size`
 }
 
 h4 {
   @extend %heading;
-  @include get-font-size("heading-small"); // OUDS mod: instead of `@include font-size($h4-font-size)`
+  @include get-font-size("heading-small"); // OUDS mod: instead of `font-size: $h4-font-size`
 }
 
 h5 {
   @extend %heading;
-  @include get-font-size("body-large"); // OUDS mod: instead of `@include font-size($h5-font-size)`
+  @include get-font-size("body-large"); // OUDS mod: instead of `font-size: $h5-font-size`
 }
 
 h6 {
   @extend %heading;
-  @include get-font-size("body-medium"); // OUDS mod: instead of `@include font-size($h6-font-size)`
+  @include get-font-size("body-medium"); // OUDS mod: instead of `font-size: $h6-font-size`
 }
 // scss-docs-end ouds-font-implementation
 
@@ -289,7 +289,7 @@ strong {
 // Add the correct font size in all browsers
 
 small {
-  @include get-font-size("body-small"); // OUDS mod: instead of `@include font-size($small-font-size)`
+  @include get-font-size("body-small"); // OUDS mod: instead of `font-size: $small-font-size`
 }
 
 
@@ -310,7 +310,7 @@ mark {
 sub,
 sup {
   position: relative;
-  @include font-size($sub-sup-font-size);
+  font-size: $sub-sup-font-size;
   line-height: 0;
   vertical-align: baseline;
 }
@@ -391,7 +391,7 @@ code,
 kbd,
 samp {
   font-family: $font-family-code;
-  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
+  font-size: 1em; // Correct the odd `em` font sizing in all browsers.
 }
 
 // 1. Remove browser default top margin
@@ -403,20 +403,20 @@ pre {
   margin-top: 0; // 1
   margin-bottom: $ouds-space-fixed-medium; // 2 // OUDS mod: instead of `1rem`
   overflow: auto; // 3
-  @include get-font-size("code-medium"); // OUDS mod: instead of `@include font-size($code-font-size)`
+  @include get-font-size("code-medium"); // OUDS mod: instead of `font-size: $code-font-size`
   color: $pre-color;
 
   // Account for some code outputs that place code tags in pre tags
   code {
-    @include font-size(inherit);
+    font-size: inherit;
     color: inherit;
     word-break: normal;
   }
 }
 
 var, // OUDS mod
 code {
-  @include font-size($code-font-size);
+  font-size: $code-font-size;
   font-style: normal; // OUDS mod: <var> is italic in all browsers
   color: var(--#{$prefix}color-content-muted);
   word-wrap: break-word;
@@ -429,14 +429,14 @@ a > :is(var, code) {
 
 kbd {
   padding: $kbd-padding-y $kbd-padding-x;
-  @include font-size($kbd-font-size);
+  font-size: $kbd-font-size;
   color: $kbd-color;
   background-color: $kbd-bg;
   @include border-radius($border-radius-sm, $border-radius-sm); // OUDS mod: instead of `@include border-radius($border-radius-sm)`
 
   kbd {
     padding: 0;
-    @include font-size(1em);
+    font-size: 1em;
     font-weight: $nested-kbd-font-weight;
   }
 }
@@ -547,7 +547,7 @@ optgroup,
 textarea {
   margin: 0; // 1
   font-family: inherit;
-  @include font-size(inherit);
+  font-size: inherit;
   line-height: inherit;
 
   /* rtl:remove */
@@ -641,7 +641,7 @@ legend {
   margin-bottom: $legend-margin-bottom;
   font-weight: $legend-font-weight;
   // OUDS mod: no line-height
-  @include get-font-size("body-large"); // OUDS mod: instead of `@include font-size($legend-font-size)`
+  @include get-font-size("body-large"); // OUDS mod: instead of `font-size: $legend-font-size`
 
   + * {
     clear: left; // 2