fix(macros/CSSRef): include level two functions (#10679)

For example, https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl
was no longer shown in the sidebar, since it moved into `Web/CSS/color_value`.

Co-authored-by: Claas Augner <[email protected]>

Author: OnkarRuikar

Diff for: kumascript/macros/CSSRef.ejs

@@ -941,6 +941,11 @@ const hasTag = page.hasTag;
 const rtlLocales = ['ar', 'he', 'fa'];
 
 const pageList = await page.subpagesExpand('/en-US/docs/Web/CSS');
+
+// Some functions are at depth two.
+// Example: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl
+pageList.push(...pageList.map((page) => page.subpages).flat());
+
 const standardPages = pageList.filter(page => !hasTag(page, "Non-standard"));
 
 const groups = [];
@@ -986,7 +991,9 @@ for (const page of standardPages) {
   }
 }
 
-properties = properties.sort((a, b) => a.title.localeCompare(b.title));
+const sortByTitle = (a, b) => a.title.localeCompare(b.title);
+properties.sort(sortByTitle);
+functions.sort(sortByTitle);
 
 function smartLink(href, title, content, subpath) {
   let basepath = subpath;