[Docs] Column order classes missing Sass variable name

[TobiGr]

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

The docs say at https://getbootstrap.com/docs/5.3/layout/columns/#order-classes:

Order classes

Use .order- classes for controlling the visual order of your content. These classes are responsive, so you can set the order by breakpoint (e.g., .order-1.order-md-2). Includes support for 1 through 5 across all six grid tiers. If you need more .order-* classes, you can modify the default number via Sass variable.

It is not clear which Sass variable needs to be modified. Adding the var name would be helpful.

Reduced test cases

Not applicable to docs, I guess?

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

Linux

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

Firefox

What version of Bootstrap are you using?

v5.3.3

[julien-deramond]

Thanks for opening this issue @TobiGr

I think that the sentence is even misleading, as there's not really a Sass variable to modify. I mean, there is, but it's the content of $utilities that must be updated, because the responsive order utility is built like this:

bootstrap/scss/_utilities.scss

Lines 335 to 348 in dcec1df

	"order": (
	responsive: true,
	property: order,
	values: (
	first: -1,
	0: 0,
	1: 1,
	2: 2,
	3: 3,
	4: 4,
	5: 5,
	last: 6,
	),
	),

[julien-deramond]

Tried something in #40821. See you there for comments and feedback :)