Update from 0.9.3 to v1 issue

[Mario8419]

Hello,

I just updated Bulma from version 0.9.3 to v1.0.0 in my React/Gatsby application. I followed the documentation but am facing several issues. My project uses a .sass file to import and customize Bulma, with "sass": "^1.69.7".

Here's my all.sass file:

sass
@import "~bulma/sass/utilities/initial-variables"

$brand: #2cd1b8
$brand-invert: #fff
$primary: $brand
$family-primary: 'Montserrat'

// Other custom styles...

@import "~bulma" // Following the docs, this might not be needed in v1?

Problems Encountered:

For e.g. the custom $family-primary (Montserrat) is not being applied.
Several other custom styles, which worked perfectly in version 0.9.3, seem broken or are not being applied at all, for example, button sizes and so on

Steps to Reproduce:

Use the all.sass file as shown above.
Run the project in a React/Gatsby environment.
Expected Behavior:

Custom styles should work as defined in the .sass file, including the $family-primary.
Current Behavior:

Default Bulma styles are overriding my custom styles.
Font family and other styles defined via Sass variables are not being applied.
Environment:

Bulma version: 1.0.0
Sass version: 1.69.7
Framework: React/Gatsby
Additional Context:

Everything worked fine with Bulma 0.9.3.
I've gone through the migration guide but couldn't resolve these issues.
Any help or guidance would be appreciated. Thank you!