Column Arrangement - Column Order is showing wrong on Inspect element > Styles tab

[andeng1106]

Describe the bug

• Issue on frontend > Inspect Element
• If I set column arrangement on both tablet and mobile view, the column order is not correct in inspect element.
• Issue happens for blocks with column arrangement settings such as:
  • Columns
  • Feature Grid
  • Feature (please check if this is affected)

To Reproduce
Steps to reproduce the behavior:

1. Add a new page
2. Add any block mentioned above (e.g. Columns)
3. Add at least 3 or more inner columns
4. Set Column Arrangement setting for the ff.:
   • Tablet - 2-4-1-3
   • Mobile - 3-4-2-1
5. Save page and view frontend
6. Inspect page and change responsive view to tablet or mobile
7. See that the column order is not correct compared to the one in the setting

Expected behavior

• --stk-col-order should follow the correct column arrangement order

Screenshots

Screen.Recording.2024-10-03.at.2.mp4