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

[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

[ffoodd]

I highly recommend you run RTLCSS on uncompressed CSS first, then compress both CSS files—for a better accuracy. Compresses mode often strips commentés, spaces, etc. which are really important for some RTLCSS directives.

I'll keep this open to see if there's an easy fix on our end, but for now please follow our current practices regarding build: that's the only way that's tested in our CI.