Facing Issue for $breakpoint and $prefix while migrating from carbon-components to...

I am upgrading one angular app from 18 to 19 While upgrading I am facing issues related to carbon styles. Basically I have uninstalled carbon-components as its deprecated and installed @carbon/styles. But I am facing below issues while upgrading to carbon styles. I checked https://carbondesignsystem.com/migrating/guide/overview/ but unable to find suitable migrated code(mentioned below)for $breakpoint and $prefix

1.

@mixin carbon--set-largest-breakpoint($breakpoints: $carbon--grid-breakpoints-abb) {
$largest-breakpoint: last-map-item($breakpoints);
^^^^^^^^^^^^ value
}


$carbon--grid-breakpoints-abb is custom Module build failed (from ./node_modules/sass-loader/dist/cjs.js): unknown function treated as plain CSS

2.

.#{$prefix}--grid {
^^^^^^^
Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Undefined variable.


Let me know how do I need to write $breakpoints and $prefix in @carbon/styles

Continue reading...