fix: update OutlineFilter to use @pixi/filter-outline API

- Change remaining old-style OutlineFilter constructor call
- Fixes webpack build errors from missing pixi-filters package
- Resolves CI failure in PR #2514

Author: Phantasm0009

src/client/graphics/layers/StructureIconsLayer.ts

@@ -1,6 +1,6 @@
+import { OutlineFilter } from "@pixi/filter-outline";
 import { extend } from "colord";
 import a11yPlugin from "colord/plugins/a11y";
-import { OutlineFilter } from "pixi-filters";
 import * as PIXI from "pixi.js";
 import bitmapFont from "../../../../resources/fonts/round_6x6_modified.xml";
 import { Theme } from "../../../core/configuration/Config";
@@ -272,7 +272,7 @@ export class StructureIconsLayer implements Layer {
             canUpgrade: false,
           });
           this.ghostUnit.container.filters = [
-            new OutlineFilter({ thickness: 2, color: "rgba(255, 0, 0, 1)" }),
+            new OutlineFilter(2, 0xff0000) as any,
           ];
           return;
         }
@@ -290,15 +290,15 @@ export class StructureIconsLayer implements Layer {
           );
           if (this.potentialUpgrade) {
             this.potentialUpgrade.iconContainer.filters = [
-              new OutlineFilter({ thickness: 2, color: "rgba(0, 255, 0, 1)" }),
+              new OutlineFilter(2, 0x00ff00) as any,
             ];
             this.potentialUpgrade.dotContainer.filters = [
-              new OutlineFilter({ thickness: 2, color: "rgba(0, 255, 0, 1)" }),
+              new OutlineFilter(2, 0x00ff00) as any,
             ];
           }
         } else if (unit.canBuild === false) {
           this.ghostUnit.container.filters = [
-            new OutlineFilter({ thickness: 2, color: "rgba(255, 0, 0, 1)" }),
+            new OutlineFilter(2, 0xff0000) as any,
           ];
         }
 
@@ -502,12 +502,8 @@ export class StructureIconsLayer implements Layer {
       render.iconContainer.alpha = structureInfos.visible ? 1 : 0.3;
       render.dotContainer.alpha = structureInfos.visible ? 1 : 0.3;
       if (structureInfos.visible && focusStructure) {
-        render.iconContainer.filters = [
-          new OutlineFilter({ thickness: 2, color: "rgb(255, 255, 255)" }),
-        ];
-        render.dotContainer.filters = [
-          new OutlineFilter({ thickness: 2, color: "rgb(255, 255, 255)" }),
-        ];
+        render.iconContainer.filters = [new OutlineFilter(2, 0xffffff) as any];
+        render.dotContainer.filters = [new OutlineFilter(2, 0xffffff) as any];
       } else {
         render.iconContainer.filters = [];
         render.dotContainer.filters = [];