Safe Upgrade and Rollback Workflow for CodePen Projects

When working on a CodePen project that has grown beyond a simple pen, you may want to upgrade its dependencies or refactor its structure. However, changing a live project can break the live view or future builds. This question asks for a step‑by‑step workflow that uses Git integration to:

• Export the current project to a local repository.
• Upgrade or refactor code in a separate branch.
• Test the changes in CodePen’s live preview.
• Publish the updated pen only after successful testing.
• Rollback to the previous stable state if something goes wrong.

What are the recommended commands, best practices, and safety checks for this process?