This is a workaround solution for using both bulma and prism stylesheets.
There are collisions in global selectors between the two libraries, see jgthms/bulma#1708 and PrismJS/prism#1324
You can simply change the prism classes for the two problematic cases:
import Prism from "prismjs";
import "prismjs/plugins/custom-class/prism-custom-class";
Prism.plugins.customClass.map({ number: "prism-number", tag: "prism-tag" });
This is the simpler, recommended workaround.
This is a patch over the sass version of bulma. It's only available when you use the npm package.
Use the bulma folder of this repo.
It changes two selectors:
.number
becomes.number:not(.token)
tag:not(body)
becomestag:not(body):not(.token)
Copy this folder to your project and import bulma from there.
Instead of this:
@import "~bulma/bulma.sass";
You do something like this:
@import "./bulma/bulma.sass";