Add my own variable?

[bartrylant]

I can't find this anywhere in the docs. I have lots of ecperience with old school css and I just wanted to add a new variable myself. So I went to utilities/initial-variables.scss, added my new variable family-trim (with a value).

Added

.#{iv.$helpers-prefix}family-trim {
  font-family: iv.$family-trim !important;
}

to helpers/typography.scss

And used

h1 {
   font-family: cv.getVar("family-trim");
}

in elements/content.scss
and compiled with dartsass.

However, the css inspector for my h1 element says

.content h1  {
    font-family: var(--bulma-family-trim);
}

but --bulma-family-trim is not defined. What did I forget or what did I do wrong?