For our project we have to migrate from an existing installation with MDB Free to MDB Pro. This is because we need various pro components. In the existing project we are building the SASS ourselves, because we do a lot of different variables.

Example:

$theme-colors: ();
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors: (
    "primary":    $primary,
    "red":        $red,
    "orange":     $orange,
    "carrot":     $carrot,

    "pink":         $pink,
    "purple":       $purple,
    "yellow":       $yellow,
    "teal":         $teal,
    "green":        $green,
    "blue":         $blue,
    "azure":        $azure,

    "success":    $success,
    "info":       $info,
    "warning":    $warning,
    "danger":     $danger,

    "black":      $black,
    "white":      $white,
    "gray":       $gray-500,
    "dark":       $gray-800,
    "light":      $light
);

It is way more than this, e.g. we are not using rounded corners, different spacing etc. After purchasing and embedding bootstrap pro I have noticed that those variables are overriden by MDB Pro and that it seems to have very different variables.

Is MDB Pro using an entirely different system of variables?

How can I migrate from MDB to MDB Pro with custom SASS compilation with the least pain?

Maybe there is a way to embed only the required pro components without switching the entire SASS code?