I am upgrading my medium-sized application from Angular 16 to Angular 17. However, [ngClass.*] breakpoints are no longer supported in ngx-layout for Angular 17. Since my styles are SCSS-based, I need to update most of my templates where these breakpoints were used. What is the best approach to achieve this transition with minimal code changes?

for example

<div fxFlex="40%" fxFlex.lt-md="90%" fxLayout="row" fxFlex.md="30%" fxLayoutGap.md="4%" fxLayout.lt-lg="column" [ngClass.lt-md]="'grey-right-brdr'" [ngClass.gt-md]="'grey-btm-brdr'">
    '''

how to handle the changes [ngClass.lt-md]="'grey-right-brdr'" [ngClass.gt-md]="'grey-btm-brdr'"