chore: make style generation code work for sky, projection and light as well (#7919)

* Make style generation code work for sky, projection and light as well.

* Move types to the right place.

* Add changelog

* Remove experimental node flags

* Switch to use vec3 instead of a new type.

* Improve types.

* Remove dead code

* Improve types a bit, use union.

Author: HarelM

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## main
 ### ✨ Features and improvements
 - Improve runtime error warnings to point at the offending style location (e.g. `layers[3].paint.line-color`, `layers[3].filter`) instead of just logging the bare error message ([#7869](https://github.com/maplibre/maplibre-gl-js/pull/7869)) (by [@CommanderStorm](https://github.com/CommanderStorm))
+- ⚠️ Interpolate the light position in spherical coordinates instead of cartesian ones, so that a transition keeps its radial distance. ([#7919](https://github.com/maplibre/maplibre-gl-js/pull/7919)) (by [@HarelM](https://github.com/HarelM))
 - _...Add new stuff here..._
 
 ### 🐞 Bug fixes

build/generate-struct-arrays.ts

@@ -9,7 +9,7 @@
 'use strict';
 
 import * as fs from 'fs';
-import * as util from '../src/util/util.ts';
+import {extend} from '../src/util/util.ts';
 import {createLayout, viewTypes} from '../src/util/struct_array.ts';
 import type {ViewType, StructArrayLayout} from '../src/util/struct_array.ts';
 
@@ -60,7 +60,7 @@ function normalizeMembers(members, usedTypes) {
             usedTypes.add(member.type);
         }
 
-        return util.extend(member, {
+        return extend(member, {
             size: sizeOf(member.type),
             view: member.type.toLowerCase()
         });
@@ -103,7 +103,7 @@ function createStructArrayLayoutType({members, size, alignment}) {
     if (!alignment || alignment === 1) members = members.reduce((memo, member) => {
         if (memo.length > 0 && memo[memo.length - 1].type === member.type) {
             const last = memo[memo.length - 1];
-            return memo.slice(0, -1).concat(util.extend({}, last, {
+            return memo.slice(0, -1).concat(extend({}, last, {
                 components: last.components + member.components,
             }));
         }