fix: Fix drop shadow for filters and backdrop filters (#5437)

Fixes #5435

## Description

1. What is this PR about (link the issue and add a short description)

## Steps for reproduction

1. click button
2. expect xyz

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
0000)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file

Author: kof

apps/builder/app/builder/features/style-panel/shared/filter-content.tsx

@@ -109,20 +109,23 @@ export const FilterSectionContent = ({
   >(undefined);
 
   useEffect(() => {
-    if (
-      layer.type !== "function" ||
-      isFilterFunction(layer.name) === false ||
-      layer.args.type !== "tuple"
-    ) {
+    if (layer.type !== "function" || isFilterFunction(layer.name) === false) {
+      return;
+    }
+    if (layer.args.type !== "tuple" && layer.args.type !== "shadow") {
       return;
     }
-
     setFilterFunction(layer.name);
-    setFilterFunctionValue(layer.args.value[0]);
     setIntermediateValue({
       type: "intermediate",
       value: propertyValue,
     });
+    if (layer.args.type === "tuple") {
+      setFilterFunctionValue(layer.args.value[0]);
+    }
+    if (layer.args.type === "shadow") {
+      setFilterFunctionValue(layer.args);
+    }
   }, [layer, propertyValue]);
 
   const handleFilterFunctionChange = (filterName: FilterFunction) => {