Sass use variable value in @import

My code looks like this

      &.village {
        &.village- {
          @for $i from 1 through 12 {
            &#{$i} {
              background-image: url('../../images/maps/#{$i}.png');

              @import "maps/map-#{$i}";
            }
          }
        }
      }

But then I get this error:

Module build failed: ModuleBuildError: Module build failed: @import "maps/map-#{$i}"; ^ File to import not found or unreadable: maps/map-#{$i}.

I use Laravel 5.6, I've tried looking it up but I didn't find anything so far. Is it possible to import a variable filename with scss?

via Chebli Mohamed