[CSS] (motion-1) Support <basic-shape> || <coord-box> for offset-path

[bsmth]

Acceptance Criteria

• The listed features are documented sufficiently on MDN
• BCD is updated
• Interactive example and data repos are updated if appropriate
• The content has been reviewed as needed

For folks helping with Firefox related documentation

• Set bugs to dev-doc-complete
• NA - Add entry to Firefox release notes if feature is enabled in release
• Add entry to Firefox experimental features page if feature is not yet enabled in release

Features to document

Related Gecko bugs

• https://bugzilla.mozilla.org/show_bug.cgi?id=1598156
• https://bugzilla.mozilla.org/show_bug.cgi?id=1837305

Other

• Check content open issues to see if any pertain to the subject matter. If there are any that can be closed because of the work, do so. If there are any that can be fixed relatively quickly because of the knowledge from completing this issue and you have time, feel free to go ahead and fix them.
• Check if glossary updates are required for the feature you're documenting - whether an existing term needs to be updated or a new term should be added.
• Check if BCD update means that content pages need to have experimental markup removed or deprecated markup added (front matter tags and macros).

[dipikabh]

Tasks for update docs related to this feature update:

• Content: docs(css): Fx116 - syntax updates for offset-path and ray() #28348
  • Update offset-path page
  • Check other related pages if they need to be updated (Basic shapes)
    • Shapes documented: inset(), circle(), ellipse(), polygon()
    • Other shapes defined in spec: xywh() (coming to Fx in 117, rect(), path()
    • Reference boxes - Check if transform-box needs to be updated to add padding-box
• A new page for <coord-box> data type needed (https://drafts.csswg.org/css-box-4/#typedef-coord-box)
• Update offset-path in mdn/data: feat: CSS offset-path syntax changes data#680
  • update syntax
    • previous: none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]
    • new: none | <offset-path> || <coord-box>
  • update "Animation type" to by computed value (currently, it is as <angle>, <basic-shape> or <path()>)
• Release notes: docs(relnotes): FX116 release notes offset-path and ray() #28383
• BCD: CSS offset-path: Add rows for <basic-shape> and <coord-box> for Firefox 116 browser-compat-data#20483

[bsmth]

Everything looks completed, so I'm closing as done now, thanks Dipika 🙌🏻