This pull request updates the SCSS codebase to use logical (direction-aware) CSS properties instead of physical (left/right) properties. This improves support for right-to-left (RTL) languages and makes the styles more robust across different writing directions. The changes touch utility classes, layout, component styles, and helper classes.

The most important changes are:

Utilities and Mixins:

• Updated utility classes in _utilities.scss and _utilities-marketing.scss to use logical properties like margin-inline-start, margin-inline-end, padding-inline-start, padding-inline-end, border-inline-start, and border-inline-end instead of their physical counterparts. This affects margin, padding, and border utilities for both positive and negative values. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]

Layout and Positioning:

• Replaced left, right, margin-left, margin-right, and similar properties with logical equivalents such as inset-inline-start, inset-inline-end, margin-inline-start, and margin-inline-end in layout files (e.g., _navbar.scss, _page.scss, _root.scss, _core.scss, _pricing.scss). [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20]

Component Styles:

• Updated component SCSS (e.g., _accordion.scss, _browser.scss, _pricing.scss) to use logical properties for alignment, spacing, and borders, such as margin-inline-start, margin-inline-end, border-inline-start, border-inline-end, and text-align: start. [1] [2] [3] [4] [5] [6] [7]

Helpers and Bootstrap Overrides:

• Converted helper classes and Bootstrap overrides to logical properties, including caret styling and positioning helpers. [1] [2] [3] [4]

Text Alignment:

• Replaced text-align: left with text-align: start in various components to ensure correct alignment in RTL contexts. [1] [2]

These changes collectively modernize the codebase for internationalization and future-proof the styling for diverse language support.