Gray color utilities do not follow text-{color}-{level} convention

[jcandan]

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

When following the example given at Color: Generating utilities, the color naming convention applies to all but $grays.

<p class="text-green-300">this is successfully green</p>
<p class="text-gray-500">this should be a light gray</p>
<p class="text-500">this should be black because this class shouldn't exist</p>

Reduced test cases

https://codepen.io/jcandan/pen/yLRKLQv

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

macOS

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

Chrome

What version of Bootstrap are you using?

5.2.3

[afeefuddin]

Made the PR #38585

[mdo]

Yes, this could be addressed in v6.

[jcandan]

Would you be willing to accept a documentation PR for v5?