Add font-faces, sky, roll and centerAltitude (#2189)

After: 
<img width="425" height="366" alt="image"
src="https://github.com/user-attachments/assets/f737de31-57e8-4445-b114-a5acdabb619c"
/>



## Launch Checklist

 - [x] Briefly describe the changes in this PR.
- [x] Include before/after visuals or gifs if this PR includes visual
changes.
 - [x] Write tests for all new functionality.
 - [x] Add an entry to `CHANGELOG.md` under the `## main` section.

e2e/maputnik-driver.ts

@@ -182,8 +182,9 @@ export class MaputnikDriver {
       await this.helper.when.typeText(text);
     },
 
-    setTextInJsonEditor: async (text: string) => {
-      await this.helper.get.element(".cm-line").first().click();
+    setTextInJsonEditor: async (text: string, selector?: string) => {
+      const scope = selector ? this.helper.get.elementByTestId(selector).locator(".cm-line") : this.helper.get.element(".cm-line");
+      await scope.first().click();
       await this.helper.when.typeKeys("{selectall}");
       await this.helper.when.typeText(text);
     },
@@ -364,6 +365,8 @@ export class MaputnikDriver {
 
     skipTargetLayerEditor: () => this.helper.get.elementByTestId("skip-target-layer-editor"),
 
+    jsonEditorErrors: (selector: string) => this.helper.get.elementByTestId(selector).locator(".cm-lint-marker-error"),
+
     styleFromLocalStorage: () => this.helper.query(() => this.readStoredStyle()),
 
     fixture: (name: string) => this.helper.readFixture(name),