breadcrumb-divider: applying RTLCSS after compressed Sass compiling results in error

Created by: bavarianbytes

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Compiling bootstrap from Sass sources in compressed mode and applying RTLCSS (via postcss) afterwards results in a RTLCSS error: rtlcss: /Users/*/styles.css:1:30808: unsupported directive " var(--bs-breadcrumb-divider, "/")".

The reason seems to be that a RTLCSS replace directive is used as last line of .breadcrumb-item + .breadcrumb-item::before. The Sass compressed output is stripping the semicolon on the last line of that selector, so the RTLCSS directive fails.

Reduced test cases

To work around this, either ensure the last declaration has an ending semicolon or place the value directive before the declaration value.

See end of page of https://rtlcss.com/learn/usage-guide/value-directives/#replace

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

No response

What version of Bootstrap are you using?

v5.1.3