Overview I have a Rails 7 application where I am applying my own theme to the MDB styles. To simplify this I set the primary color variable in my top level sass file so that it takes effect in the compilation of the mdb code I have purchased. This unfortunately fails in my build as the scss doesn't compile - or at least not in my Heroku pipeline.

I have resolved the compile issue by fixing the rgba function call in line 1103 of the _variables.scss file.

ln 1103: $form-check-input-hover-before-box-shadow: 0px 0px 0px 13px
  rgba(var(--#{$prefix}box-shadow-color-rgb), 0.6) !default;

However, is there a better way to change the primary color across all styles without having to recompile MDB?

Expected behavior Sass can be compiled with out issue

Actual behavior MDBootstrap Sass compilation fails with

 SassC::SyntaxError: Error: overloaded function `rgba` given wrong number of arguments
               on line 14379:32 of stdin
       >>   box-shadow: 0px 0px 0px 13px rgba(var(--mdb-box-shadow-color-rgb, 0.6));

Resources (screenshots, code snippets etc.) My top Level Sass file:

$enable-dark-mode: false;
$primary: #2B8E94;

@import "./../../../vendor/mdb5-essential-standard/src/scss/mdb.pro.scss";
@import "./custom_theme.scss";