Camera - SCSS Error after update to 2.9

Hello,
I have two web sites using Camera template since version 2.4 or 2.5, both uses Joomla 5.4.1
The first one built from quick start package has been updated from 2.8 to 2.9 without issues.
The other one updated from 2.8 to 2.9 without errors but then when I go to "Template Options" and I enable the option to compile scss to css it fails and this error is displayed:

Can't find stylesheet to import. , 7 | @import '../sppagebuilder/addons/ut_animated_number/assets/scss/utanimatednumber'; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' templates/ut_camera/scss/unitemplates/utaddons.scss 7:9 @import templates/ut_camera/scss/unitemplates/unitemplates.scss 13:9 @import master.scss 9:9 @import - 1:9 root stylesheet

I went back to 2.8, installed plg_utaddons_1.2.0.zip then tried again but without success.

I don't understand why it fails saying some file are missing. Looking at the template folders on both sites it seems they are the same and /public_html/templates/ut_camera/sppagebuilder/addons/ut_animated_number/assets/scss/utanimatednumber is missing on both sites.

I need to compile scss because I have some small changes to menu.scss and preset3.css
Normally I update files in the template zip then install the edited zip but now I also tried to install your original zip without success.
Now after switching several times from 2.8 and 2.9 menu and colors are ok, but anyway I would like toi be able to compile scss
 

I just wish to add something to my previous post.
- Both web sites have the same issue with scss compilation, for some reason the site cache made the first test work
public_html/templates/ut_camera/sppagebuilder/addons for version 2.8 contains:
ut_animated_number and other ut_.. folders
while the 2.9 version contains only 
button
button_group
feature
no ut_... folder

Thank you very much. Not SCSS compilation work.
Unfortunately there is a small issue with the menu. Here is a screen shot of the 2.8
 

Here is the same with 3.0
 

Missing things:
- Indentation of second-level menu items (submenus)
- Highlighting effect on mouseover of first-level items
- Also spacing and fonts seem to be different

the web site is gphotoshow.com
Now there is version 3.0, check the menu Support, it works fine. Then check Other, only some items are highlighted. Those items should have an indentation and highlight should be performed on all items.
All caches have been cleared
Let me know when you have checked the web site, while waiting for a fix I will go back to 2.8
 

Now I installed again 2.8.0
www.gphotoshow.com

There are a few changes made by me in menus.scss to remove uppercase and change size of the menu. Maybe also those changes in indentation and highlight were made by me  but unfortunately I don't remember and since I haven't worked on CSS in several years, I'm having trouble understanding the changes I made to the file. Some of them were suggested by you initially.
Here are my changes in menus.scss.

Thank you very much.
I installed 3.0 with original menus.scss
I was not sure if that code should be added in scss or css anyway first I tried I to add that code in templates/ut_camera/scss/custom.scss but it doesn't compile (I have no custom.scss I created one for that code)
Then I removed it and added your code to my templates/ut_camera/css/custom.css that already contains some code.
Unfortunately it doesn't work well, here is my custom.css, you also see it on the web site.

/* colore items senza link in mega-menu*/
.sp-megamenu-parent>li { color: #ffffff; }

/* nessuna trasformazione titoli */
h1.sp-page-title-heading {
text-transform: none !important;
}

/* altezza uguale colonne in feature box addon*/
.equal-addons .sppb-column-addons > div {
height: 170px;
}

/* padding body articoli */
#sp-main-body {padding: 30px 0 30px 0;}

/* font size in JCE */
.mceContentBody p,
.mceContentBody td {
font-size: 14px;
}

.nowrap { white-space: nowrap; }

/* riduce padding nel footer */
#sp-bottom {
padding: 50px 0 30px; !important
}

.sp-megamenu-parent{
.sp-mega-group{
> li{
> a{text-transform: none !important;font-weight: normal !important;
&:hover{color: $menu_text_hover_color;border-left-color: $menu_text_hover_color;background: rgba($white, 0.05);}
}
&.active > a{color: $menu_text_active_color;border-left-color: $menu_text_active_color;background: rgba($white, 0.05);}
}
.sp-mega-group-child{padding-left: 12px !important;}
}
}

I tried to save that code to custom.scss but I got errors when compiling, anyway no problem, using the css code works fine.
Thank you very much